🔴 Let's build a Full Stack Dating App with REACT NATIVE using MongoDB, Socket IO
codecrafters - https://app.codecrafters.io/join?via=...
🔴 Welcome to the ultimate Full Stack Dating App development journey with REACT NATIVE! 🚀 In this live coding session, we'll embark on a thrilling adventure of creating a feature-rich dating application using the power of React Native, MongoDB, and Socket IO.
📌 What to expect:
React Native Mastery: Dive deep into React Native and discover the art of building cross-platform mobile applications with a single codebase.
MongoDB Magic: Explore the world of MongoDB and learn how to seamlessly integrate a NoSQL database into your app for efficient data storage.
Real-time Interactivity with Socket IO: Elevate your app's user experience by implementing real-time communication using Socket IO, allowing instant updates and messaging.
🛠️ Topics Covered:
Setting up a new React Native project.
Designing a sleek and intuitive user interface.
connecting with users on the app
Implementing user authentication and authorization.
Connecting your app to MongoDB for robust data management.
Integrating Socket IO for real-time messaging and updates.
🚧 Prerequisites:
Basic knowledge of React and JavaScript.
Node.js and npm installed on your machine.
MongoDB Atlas account for database setup.
assets or data required - https://drive.google.com/drive/u/0/fo...
source code - https://github.com/SSA-988/dating-app
Time stamps -
0:05 - 4:38 - Demo
4:39 - Code crafters
5:54 - create a expo project
10:57 - Initialise mongoDB project
18:48 - Define the models
27:48 - Design the tabs
36:46 - design login and register screen
59:11 - endpoint to register a user
1:13:50 - Define register function
1:22:06 - design login endpoint and login function
1:40:57 - endpoint to change gender
1:53:07 - design the Account tab
2:33:21 - end points for the account tab
2:50:00 - test the endpoints in account tab
3:34:52 - test the add description endpoint
3:42:37 - change the profile pic
3:58:13 - fetch user Profiles
4:09:16 - design User component
4:32:03 - Like a profile
4:38:58 - end point to get details of received likes
4:52:41 - Design chat screen
5:34:00 - Design the chat room
5:50:36 - socket IO
6:06:21 - fetch messages from backend
More Projects And Tutorials!
🔴 Let's build Airbnb with React Native : • 🔴 Let's build Airbnb with React Nativ...
🔴 Let's build Zomato With React Native : • 🔴 Let's build Zomato with React Nativ...
🔴 Let's build React Js Shopping Cart (Easy) : • 🔴 Let's build React Js Shopping Cart ...
🔴 Let's build a Pizza Application (Dominos) with React Native : • 🔴 Let's build a Pizza Application (Do...
🔴 Let's build a Fitness Application with React Native : • 🔴 Let's build a Fitness Application ...
🔴 Let's build PVR (Movie Booking App) with React Native : • 🔴 Let's build PVR (Movie Booking App...
🔴 Let's build Netflix with React Native : • 🔴 Let's build Netflix with React Nati...
🔴 Let's build Redux Shopping Cart for beginners : • 🔴 Let's build Redux Shopping Cart | T...
🔴 Let's build a complete React Js Shopping Cart with Redux : • 🔴 Let's build a complete React Js Sho...
🔴 Let's build a full Stack laundry app with React Native : • 🔴 Let's build a full Stack laundry ap...
tags :
react native dating app
react native tinder app
full stack dating app
full stack chatting app
react native dating full stack
react native chat app socket IO
react native real time messaging app
react native full stack dating app
react native frontend
react native fullstack project
react native roadmap
react native laundry app
react native firebase integration
frontend projects react native
react native booking app
react native e-commerce app
frontend development react native
frontend development projects
react native beginner projects
react native interview questions
react native firebase
react native redux
booking app react native
booking app reactJs
react native backend
frontend interview series
frontend reactJs projects
firebase authentication react native
firebase authentication reactJs
react native full course
react native beginner course
redux cart system in react
redux toolkit
react native sanity
movie booking app
Pvr clone react native
movie booking system
react native expo projects
laundry app react native
PushNotifications
LocationBasedServices
movie booking app expo
react native frontend
react native fullstack project
react native roadmap
react native laundry app
react native firebase integration
frontend projects react native
redux toolkit in react native
redux shopping cart react native
