React Native & Expo Tutorial and Projects: Beginner to Advanced With Source Code

React Native Projects

Hello, React Native Developers..!!

If you are a developer then beginner, intermediate, or advanced level doesn’t matter. All you have to do is to keep grinding or in other words, keep doing projects. Doing projects will brush up your skill, and eventually, it led you to become a better developer. After that, you may get placed with a handsome package in some multi-national company.

In this article, I am gonna share some good projects, tips & tricks of react native (expo). If you are an absolute beginner or starting this mobile app development today then you won’t face any problems for sure. I tried to make the projects as easy as possible. So, Without wasting any time, let’s start.

First Mobile App using react native (expo)

Build your first mobile app using react native expo & javascript

Firebase + React Native (Expo)

1. Email Authentication With Verification In React Native and Firebase App

Email Authentication With Verification In React Native and Firebase App

2. Fetch The Data From Firebase’s Firestore Database

Fetch the data from firebase’s firestore database using react native apps

3. How To Add Data To Firebase Firestore Database

Add Data To Firebase Firestore Database using react native expo apps

4. To-Do List Using React Native Expo And Firebase | CRUD Operations |

CRUD Operations using firebase and react native apps

5. Fetch Image URI from Firebase Storage using React Native App

Fetch Image URI from Firebase Storage using React Native App

6. Upload Local Media File To Firebase Storage

Upload Local Media File To Firebase Storage using react native expo apps

7. Phone Authentication Using Firebase and Expo | OTP Login |

Phone Authentication Using Firebase and react native

If you haven’t subscribed yet. Then do subscribe and keep supporting.

https://www.youtube.com/c/BugNinza7

Cool React Native Projects (Expo Based)

1. Biometric Authentication ( Fingerprint scan, Face detection, Iris Scan) in react native apps

Local Authentication in react native expo apps

2. Async To-Do List | CRUD Operations |

Async CRUD operations in react native

3. Monetize Your React Native Expo Apps With Google AdMob | AdMobBanner, AdMobInterstitial, AdMobReward Ads |

Monetization of expo apps with google ads

4. Async Facebook Authentication Using React Native Expo

Async Facebook Authentication Using React Native Expo

5. Make Rock Paper And Scissor Game

Make Rock Paper And Scissor Game using react native

6. Stopwatch Application

Make A Stopwatch Application Using React Native

7. QR-Code or Barcode Scanner App

QR-Code or Barcode Scanner App Using React Native

8. NEWS Application

NEWS Application Using React Native

9. Login UI

Login Signup UI Using React Native

Tips and Tricks in React Native (Expo)

1. Flatlist Tutorial With Example In React Native Applications

Flatlist Tutorial With Example In React Native Applications

2. Image and Video Picker From Local Storage

Image and Video Picker From Local Storage In React Native expo

3. Pass The Value From One Screen Component To Another Screen Component

Pass The Value From One Screen Component To Another Screen Component in react native

4. Add Custom Google Fonts In React Native Expo Applications

Add Custom Google Fonts In React Native Expo Applications

5. Toggle Switch Button

Toggle Switch Button In React Native

6. Play Video In Landscape And Portrait Mode

Play Video In Landscape And Portrait Mode in React Native apps

7. Understanding props With Example In React Native

Understanding props With Example In React Native

8. 2-Button And 3-Button Alert Pop-Up Feature

2-Button And 3-Button Alert Pop-Up Feature in React Native

9. Copy Paste Feature In Your React Native Expo Mobile Application

Add Copy Paste Feature In Your React Native Mobile Application

10. Audio Recording Mobile App

Audio Recording Mobile App Using React Native Expo

11. Build a Video Recording & Playback Mobile Application Using React Native Expo (Android & IOS)

Build a Video Recording & Playback Mobile Application Using React Native Expo (Android & IOS)

12. Text To Speech Conversion

Text To Speech Conversion Mobile App Using React Native

13. Disable Taking Screenshot in Your Mobile Applications

Disable Taking Screenshots in Your Mobile Applications || React Native ||

14. Custom Header in React Native

Custom Header in React Native | React Navigation 6 | React Native Tutorial | Stack Navigation

15. Drawer Navigation in React Native Expo

Drawer Navigation in React Native Expo

16. Top Tab Navigation in React Native Expo

Top Tab Navigation in React Native Expo

17. Bottom Tab Navigation in React Native Expo

Bottom Tab Navigation in React Native Expo

18. Stack Navigation in React Native Expo

Stack Navigation in React Native Expo

Wait……

There’s more..!!

Tired of building projects? Want some entertainment? Check the short video on the Youtube channel. All short videos are programming based and damn hilarious. I am sure you gonna love that.

Channel:

https://www.youtube.com/c/BugNinza7

I will continue to update this article and off-course my youtube channel too. So, Subscribe to my channel and follow me on medium for some amazing content on react native, Django, python, machine learning, and data science.

Thank you.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store