React Native Fullstack Project - 2025 | Expo | Firebase | iOS & Android | React native for beginners

End to End · Beginner ·🛠️ AI Tools & Apps ·1y ago
Skills: React90%
React Native Fullstack Project - 2025 | Expo | Firebase | iOS & Android | React native for beginners Each and every concept of React Native will be covered in this video in addition to which we will be taking advantage of Expo CLI and added benefits to React Native. For CSS, we will be using Native wind which behind the scenes is Tailwind CSS. Happy Learning ! ✅✅——— IMPORTANT LINKS——— ✅✅ 🧑‍💻 Code Link - https://github.com/arshdeepsingh2267/dine-time Expo - https://docs.expo.dev/ React Native - https://reactnative.dev/ ——— ——— ——— ——— ——— ——— ——— ✅🔴 Content Creator & Video Editor: Arshdeep Singh - https://www.linkedin.com/in/arshdeep-singh123/ ——— ——— ——— ——— ——— ——— ——— Timestamps :- 00:00:00 - Introducing React Native & the project 00:07:35 - Project Setup with Expo CLI 00:26:52 - routes in Expo 00:33:23 - Understanding _layout.jsx 00:39:55 - (group) and dynamic routes in Expo 00:42:09 - Tabs in Expo 01:01:09 - Developing Landing Screen 01:25:35 - Developing Signup and Login Screen 01:58:00 - Developing Home Screen 02:43:15 - Firebase Setup for React Native 02:51:30 - Bulk data upload in Firestore 03:06:40 - Reference in Firestore 03:09:13 - Fetching data from Firestore to React Native app 03:16:41 - Developing dynamic Restaurant Screen and functionalities 05:27:04 - Signup functionality with Firestore in React Native 05:41:00 - Login functionality with Firestore in React Native 05:48:31 - Resolving AsyncStorage 05:54:25 - Booking functionality 06:11:00 - Profile Screen and Logout functionality 06:20:00 - Modal in React Native 06:45:48 - History Screen and Pull Refresh 07:13:23 - See Off - Happy Learning ✅✅——— ——— MY GEARS——— ———✅✅ - Boya Mic: https://amzn.to/3K85nbx - HP Wireless Mouse & Keyboard: https://amzn.to/3toLDdS - MacBook Air - https://amzn.to/45at4dh - Mouse Pad: https://amzn.to/3fmuEko - Google Pixel 4a: https://amzn.to/3nk0imH - Boat Earphones (BassHead): https://amzn.to/3zVPSPt - msi Monitor: https://amzn.to/3qnqEX2 ——— ——— ——— ——— ——— ——— ——
Watch on YouTube ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Related AI Lessons

⚡
The State of AI in Landscape and Garden Design (2026): A Field Guide for Homeowners and Designers
Learn how AI is revolutionizing landscape and garden design, and how homeowners and designers can leverage AI tools to create stunning outdoor spaces
Medium · AI
 ⚡
Airlines Make Refunds Impossible. I Used AI to Force Them to Pay Me in 24 Hours.
Use AI to automate refund claims from airlines, leveraging consumer protection laws to get paid back within 24 hours
Medium · AI
 ⚡
Holy Typos, Batman! How I Built 'SpellJump'
Learn how to build SpellJump, a tool to detect typos in code, and improve coding productivity
Dev.to · Prakhar54-byte
 ⚡
Tutorial: This AI Now Tells You if a Meeting Could Be an Email
Learn how to use AI to determine if a meeting can be replaced with an email, increasing productivity and efficiency
Dev.to · Andrew Dugan

Chapters (22)

Introducing React Native & the project
7:35 Project Setup with Expo CLI
26:52 routes in Expo
33:23 Understanding _layout.jsx
39:55 (group) and dynamic routes in Expo
42:09 Tabs in Expo
1:01:09 Developing Landing Screen
1:25:35 Developing Signup and Login Screen
1:58:00 Developing Home Screen
2:43:15 Firebase Setup for React Native
2:51:30 Bulk data upload in Firestore
3:06:40 Reference in Firestore
3:09:13 Fetching data from Firestore to React Native app
3:16:41 Developing dynamic Restaurant Screen and functionalities
5:27:04 Signup functionality with Firestore in React Native
5:41:00 Login functionality with Firestore in React Native
5:48:31 Resolving AsyncStorage
5:54:25 Booking functionality
6:11:00 Profile Screen and Logout functionality
6:20:00 Modal in React Native
6:45:48 History Screen and Pull Refresh
7:13:23 See Off - Happy Learning
Up next
Build full-stack apps with Google AI Studio, Cloud Run, and Cloud SQL
Google Cloud Tech
Watch →