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

End to End · Beginner ·🌐 Frontend Engineering ·1y ago
Skills: React90%

Key Takeaways

Develops a React Native Fullstack Project using Expo, Firebase, and React Native

Original Description

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 Reads

📰
Why Your React App Freezes Even With Zero API Calls (And How Web Workers Fix It)
Learn how to prevent UI freezing in React apps even with no API calls, using Web Workers
Dev.to · ARAFAT AMAN ALIM
 📰
React 19 Features — What Actually Changed and What I Use
Learn about the new features in React 19 and how to use them in your projects, with a focus on practical applications and real-world examples.
Dev.to · Safdar Ali
 📰
The Share Button Is the Product: Engineering a Viral Loop in Vanilla JS
Learn to engineer a viral loop using a share button in Vanilla JS to increase user engagement and retention
Dev.to · yunjie
 📰
React, Explained Directly — Episode 1: The Fundamentals
Learn the fundamentals of React and why it was built to improve front-end development
Dev.to · surajrkhonde

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
How to Speed Up Your WordPress Website with WP Rocket ⚡Tutorial 2026
Matt Tutorials
Watch →