🔴 Let's build a Realtime Chat App with REACT NATIVE using Mongo Db (MERN STACK)
Вставка
- Опубліковано 26 тра 2024
- **** There is a video clip missing in the above video**** . some error while processing the video
so after 1:33:54 please checkout the drive link for the video : drive.google.com/drive/u/0/fo...
Welcome to this comprehensive tutorial where we'll be building a realtime chat application using React Native and the MERN stack (MongoDB, Express, React, Node.js). Whether you're a beginner or an experienced developer, this step-by-step guide will walk you through the entire process of creating a fully functional chat app from scratch.
In this video, you will learn:
Setting up the development environment
Creating a backend with Node.js, Express, and MongoDB
Implementing user authentication
Setting up a React Native project
Integrating Socket.IO for real-time communication
Building the chat interface and functionality
source code - github.com/SSA-988/signal-app
timestamps - coming soon
More Projects And Tutorials!
🔴 Let's build Airbnb with React Native : • 🔴 Let's build Airbnb w...
🔴 Let's build Zomato With React Native : • 🔴 Let's build Zomato w...
🔴 Let's build React Js Shopping Cart (Easy) : • 🔴 Let's build React Js...
🔴 Let's build a Pizza Application (Dominos) with React Native : • 🔴 Let's build a Pizza ...
🔴 Let's build a Fitness Application with React Native : • 🔴 Let's build a Fitnes...
🔴 Let's build PVR (Movie Booking App) with React Native : • 🔴 Let's build PVR (Mo...
🔴 Let's build Netflix with React Native : • 🔴 Let's build Netflix ...
🔴 Let's build Redux Shopping Cart for beginners : • 🔴 Let's build Redux Sh...
🔴 Let's build a complete React Js Shopping Cart with Redux : • 🔴 Let's build a comple...
🔴 Let's build a full Stack laundry app with React Native : • 🔴 Let's build a full S...
tags :
real time chat app
socket io chat app
mern stack chat 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
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 roadmap
frontend interview questions
razorpay PaymentGateway
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
Waiting for a long time for this tutorial brother. Thank you for uploading 😍
Your welcome!
I’m recently watching your Real time chats Videos, All videos are very Great!.
I currently developing a my own application using react native I implemented your chat system design on it, Thanks for your videos.
Can make a video for keep track of unread messages count for both Private and Group chat on Real time and store the unread count to DB?
Awesome tutorials ,
kindly integrate firebase too in your videos instead of MongDB
Thank you for this awesome content ❤❤
Your welcome
thanks for this i hope you make more in future with react native cli thanks for this huge build
More to come!
Very much needed hope this helps.
Yes it will!
Hey!, I love the way you are giving image paths. 🥰 I am doing my final year project where I have to show images in the admin panel. I searched all around but cannot find the exact solution. By the way let's move on 😁
Let's create Upwork clone, including job listing and applicants management along with this awesome realtime chat feature, thank you ^^
😍
Please make tutorial on Modern School App.
Try to add timestamp, sometimes we need specific part
Okay will add it
Please try to deploy it also please
Please do react native cli starting from scratch it is highly needed. I have not seen any video like that
Yes it’s in react native cli
hope you will explain in detail because i am new
Yeah absolutely
Can you make stock market portfolio app
Add mad feature's ❤
This project is kind of short, only focusing on real time messaging
Bro build a expense tracker react-native app with mongodb as database
Dear Brother, How to add Icons and fonts in Android Projects?
Sujan, tell me, please! I want to create an app similar to instagram, which one is better to use? expo cli or native cli?
Native cli
@@sujananand6155 thank u👍
Can you post video about react native CLI from scratch to advanced concepts for beginners
You can checkout my course all the videos are from scratch!
@@sujananand6155 do you have video playlist for react native cli tutorial
@@sujananand6155 but your video... Used EXPO CLI... sir
TypeScript?
bro this project is based on cli or expo ?
cli
did u explained socket io clearly bro?
Yes, explained and demo is also shown in the starting !
Hello Sujan when code will be available for frontend and backend
I’ve added it to
i am getting axios error:network error anybody please help
Mr Sujan , do you have any react native cli , fullstak app devlopment group with monthy payment, I would like to join along with many subscribers to your channel, kindly consider
Like your teaching
Umm currently I just teach on UA-cam! I don’t have any group
@@sujananand6155 Brother you should siriously consider that as that will siriously add ro your Norton Line by doing something you love doing and also helping others who want you personal guidence
Can we create this app using expo
Yes
cool