React Native Ionic App Projects

BakeSale

A data driven React Native mobile App  for Cross plate form usage Android and IOS.

Topics I learnt By building BakeSale

  • Set up and Install React Native environment (Nodejs react-native CLI)
  • Set Android studio, Android SDK, Android Virtual Device
  • Additional Virtual Device by Installing GeneMotion
  • React Native app structure, components and classes
  • Debugging and Testing React Native
  • Using CSS rules and Flex box to layout app
  • Fetching Data over API passing to components
  • making use of PROPS and STATES
  • Building APP for production release for Android and IOS (using xcode)
  • used mac OSX el capitan on VMware in windows 10 and Xcode  version 9 
  • GitHub Code Repository of completed Project

The National Porsche Pre-Owned Portal

A  React Native mobile App  build with Web view Component for Cross plate form usage  Android and IOS.

Topics I learnt By building The National Porsche Pre-Owned Portal

      integrated back button for navigation in app

  • Set up and Install React Native environment (Nodejs react-native CLI)
  • Set Android studio, Android SDK, Android Virtual Device
  • Additional Virtual Device by Installing GeneMotion
  • React Native app structure, components and classes
  • Debugging and Testing React Native
  • Using CSS rules and Flex box to layout app
  • Fetching Data over API passing to components
  • making use of PROPS and STATES
  • Building APP for production release for Android and IOS (using xcode)
  • used mac OSX el capitan on VMware in windows 10 and Xcode  version 9 
  • Website : http://nationalpreownedporsche.com/

GroceriesList

A To Do List React Native mobile App to make a list of things to Buy. items List is stored in phone storage using async storage component UI library Native-Base is used to style the app.  

Topics I learnt By building GroceriesList App

  • Set up and Install React Native environment (Nodejs react-native CLI)
  • Set Android studio, Android SDK, Android Virtual Device
  • Additional Virtual Device by Installing GeneMotion
  • React Native app structure, components and classes
  • Debugging and Testing React Native
  • Using CSS rules and Flex box to layout app
  • Fetching Data over API passing to components
  • making use of PROPS and STATES
  • Building APP for production release for Android and IOS (using xcode)
  • used mac OSX el capitan on VMware in windows 10 and Xcode  version 9 
  • GitHub Code Repository of completed Project

DICE OUT  JAVA ANDROID APP

A  Native mobile Game App  build by using Android Studio and Android Native API,s in Java Programming Language.

Topics I learnt By building The Dice out App

     

  • Set up and Install Android Stduio
  • Set Android studio, Android SDK, Android Virtual Device
  • Additional Virtual Device by Installing GeneMotion
  • How to make View using XML language
  • Including Java Libraries to build the app
  • Running App in Android Virtual device and debugging
  • Code Repository: https://github.com/JaveedIshaq/diecout-android-game

TargetSum

A React Native mobile Game App  Developed to learn React Native through Lynda.com courser by Samer Buna

React Native Essential Training.

Topics I learnt By building TargetSUm

  • Set up and Install React Native environment (Nodejs react-native CLI)
  • Set Android studio, Android SDK, Android Virtual Device
  • Additional Virtual Device by Installing GeneMotion
  • React Native app structure, components and classes
  • Debugging and Testing React Native
  • Using CSS rules and Flex box to layout app
  • Fetching Data over API passing to components
  • making use of PROPS and STATES
  • Building APP for production release for Android and IOS (using xcode)
  • used mac OSX el capitan on VMware in windows 10 and Xcode  version 9 
  • Github Code Repository of Completed App

CLINIZO MOBILE APP

A React Native mobile App  built by Web View component for Cross plate form usage  Android and IOS.

Topics I learnt By building CLINIZO MOBILE APP

  • Set up and Install React Native environment (Nodejs react-native CLI)
  • Set Android studio, Android SDK, Android Virtual Device
  • Additional Virtual Device by Installing GeneMotion
  • React Native app structure, components and classes
  • Debugging and Testing React Native
  • Using CSS rules and Flex box to layout app
  • Fetching Data over API passing to components
  • making use of PROPS and STATES
  • Building APP for production release for Android and IOS (using xcode)
  • used mac OSX el capitan on VMware in windows 10 and Xcode  version 9
  • Website: https://clinizo.com/demo/ 

AutoPedia

A data driven IONIC 3 ANGULAR 4 mobile App  for Cross plate form usage  Android and IOS.

Topics I learnt By building Autopedia

  • Set up and Install IONIC environment (Nodejs ionic CLI)
  • Ionic Components and Navigation
  • Ionic Decorators, Services and Providers
  • Releasing the Ionic App
  • Fetching data from back end over API and Utilizing it in the app
  • Building APP for production release for Android and IOS (using xcode)
  • used mac OSX el capitan on VMware in windows 10 and Xcode  version 9 
  • I also Developed its Web service API using PHP framework SLIM

MADE WITH PASSION AND LOVE