🔴 Let's build a Full Stack Hinge Dating App with REACT NATIVE using MongoDB, Socket IO
Welcome to a new stream where we embark on an exciting journey to develop a Full Stack Hinge Dating App using React Native, MongoDB, and Socket.IO! Join us as we dive into the world of modern app development and explore the intricacies of building a robust dating platform.
In this session, we'll walk you through the entire development process, from setting up our development environment to implementing key features like user authentication, real-time messaging using Socket.IO, and seamless integration with MongoDB for database management.
Whether you're a beginner looking to learn React Native or an experienced developer seeking insights into building dynamic applications, this live stream is perfect for you. Get ready to code, learn, and unleash your creativity as we bring our dating app idea to life, step by step.
Don't miss out on this opportunity to enhance your skills and join us on this thrilling coding adventure! Hit the subscribe button and turn on notifications to stay updated with our latest live streams and tutorials. Let's innovate together and build something amazing!
#ReactNative #MongoDB #SocketIO #FullStackDevelopment #DatingApp #LiveCoding #AppDevelopment #programmingtutorial
assets or data required - https://drive.google.com/drive/u/0/fo...
source code - https://github.com/SSA-988/hinge-dating
TimeStamps :
0:05 - 10:15 : Demo
10:16 - outline of the app
28:32 - creating a react native project
32:46 - initialise and integrate icons
39:26 - setting up react navigation
57:03 - creating our Auth stack
1:14:02 - designing the register screens
1:51:17 - design location screen
2:27:06 - continue designing the auth screens
3:30:36 - Prefinal screen
3:33:49 - utility functions
3:46:14 - continue saving the progress data
4:02:33 - create api folder and mongodb project
4:09:40 - user model
4:18:30 - endpoint to register a user
4:22:12 - creating a auth context
4:30:19 - define getAllUserData and register
4:46:31 - endpoint to fetch user’s data and user matches
5:05:55 - design the HomeScreen
5:40:14 - endpoints to like a profile and show received likes
5:57:15 - define likeProfile function
6:01:10 - Login Screen
6:25:37 - show all the received likes
6:53:15 - create a match between two users
7:11:57 - initialise match function
7:20:33 - Chat screen
7:40:31 - design the chat room
8:04:17 - design the profile screen
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 :
ReactNative
HingeDatingApp
MongoDB
SocketIO
FullStackDevelopment
ReactNativeFrontend
ReactNativeProject
MobileAppDevelopment
DatingAppDevelopment
RealTimeMessaging
UserAuthentication
MongoDBIntegration
SocketIOIntegration
FrontendDevelopment
FullStackProject
MobileDevelopment
AppDevelopment
JavaScript
ProgrammingTutorial
LiveCodingSession
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
react native cart system
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
frontend development
