Skip to content

andreadsw/react-native-idea-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Learning React Native – Ideapad App with Firebase

Course React Native mobile development: 3-in-1 [video], published by Packt with Mifta Sintaha. This course is available on Udemy website. You can find the original code available at following repository https://github.com/msintaha/LearningReactNative

Basic ideadpad App with Firebase

This app gives access to users through Firebase authentication as well as covers the CRUD operations: creating, listing, updating and delete ideas in the app. This app is developed with React Native and Redux (State management). Using JavaScript, you can build a truly native application that renders native UI components and accesses native device functionality. React Native apps can be publishing in the App Store and PlayStore using the same code. This app was only tested on iOS simulator, not in Android Studio.

What I Learnt

  • Creating an App using create-react-native-app
  • Using Expo app iOS simulator
  • Adding Firebase package
  • Adding Firebase configuration API to the app
  • Signing in with e-mail and password to the app
  • Creating Real Time Firebase database and rules
  • Using Redux state management (redux, react-redux and redux-thunk)
  • Applying Provider, creating reducers and actions creators
  • Build UX components using React Native
  • Using React Navigation and creating stacks navigation

Idea pad screenshots app

picture alt

picture alt

picture alt

How to run it?

  • Run npm install or yarn install
  • Run yarn start
  • On Expo Dev Tools http://localhost:19003/ click on Run on iOS simulator
  • Open the simulator, then wait for loading the project

Technical Requirements

Requirements:

  • Xcode (latest version)
  • Node
  • Yarn package manager
  • React Native - create-react-native app
  • Expo app (Simulator) download iTunes
  • Visual studio code editor

Related links

About

Authentication with Firebase. CRUD idea app (Redux). React native navigation 3.x.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •