- 77
- 910 662
Sujan Anand
India
เข้าร่วมเมื่อ 27 ก.ค. 2019
Coding makes me feel alive.
I love to code my way and learn new technologies and share it with the world
I'll be dropping new react native and react Js projects in this channel
I also love to sing!
All love no hate
I love to code my way and learn new technologies and share it with the world
I'll be dropping new react native and react Js projects in this channel
I also love to sing!
All love no hate
🔴 Let's build a Full Stack Travel Planner App with REACT NATIVE using Mongo Db (MERN STACK)
link to PacketSDK - www.packetsdk.com/?utm-source=MVMR9whj
🔴 things to know about PacketSDK:
Country price increases If the app users are distributed in five regions (Germany, Hong Kong, South Korea, Japan and the United States), you can earn 150% of the revenue
Contact customer service now and tell him the number of active users of your app and the country distribution, he can estimate the monthly revenue for you.
what we'll be building - drive.google.com/drive/u/0/folders/1rj1pO5TPqt9P8QB-p6Kw8ZDdPCYVjhd_
Welcome to this full-stack tutorial where we’re creating a complete travel planner app using React Native and the MERN stack! 🚀 In this session, you’ll learn how to build a cross-platform mobile app that lets users plan trips, add destinations, manage travel itineraries, and even keep track of expenses-all in one place.
In this video, we’ll cover:
Setting up the React Native environment
Designing UI components and screens
Building a REST API with Express and Node.js
Connecting MongoDB for storing trip data
Implementing CRUD operations for destinations and itineraries
Handling user authentication and state management
Whether you’re a beginner or experienced developer, this project will help you build practical skills in full-stack development with React Native and the MERN stack!
🛠️ Tech Stack:
Frontend: React Native
Backend: Express, Node.js
Database: MongoDB
Hit the like button if you’re ready to level up your skills, and don’t forget to subscribe for more full-stack development tutorials. Let’s get started!
source code - coming soon
timestamps - coming soon
More Projects And Tutorials!
🔴 Let's build Airbnb with React Native : th-cam.com/video/0uK0hQJxvgo/w-d-xo.html
🔴 Let's build Zomato With React Native : th-cam.com/video/G_yJMb9hM2Q/w-d-xo.html
🔴 Let's build React Js Shopping Cart (Easy) : th-cam.com/video/HK3l27onjis/w-d-xo.html
🔴 Let's build a Pizza Application (Dominos) with React Native : th-cam.com/video/YSQZgAMiiyE/w-d-xo.html
🔴 Let's build a Fitness Application with React Native : th-cam.com/video/j5Dc6HKgJQU/w-d-xo.html
🔴 Let's build PVR (Movie Booking App) with React Native : th-cam.com/video/vUsA5Mx7-E0/w-d-xo.html
🔴 Let's build Netflix with React Native : th-cam.com/video/47GKkmbg2f8/w-d-xo.html
🔴 Let's build Redux Shopping Cart for beginners : th-cam.com/video/d_DH9w13Oe8/w-d-xo.html
🔴 Let's build a complete React Js Shopping Cart with Redux : th-cam.com/video/ESGdCNiChWE/w-d-xo.html
🔴 Let's build a full Stack laundry app with React Native : th-cam.com/video/URXYsrawfQs/w-d-xo.html
tags :
travel planner app
full stack travel planner app
travel app react native
sujan anand
react native
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
🔴 things to know about PacketSDK:
Country price increases If the app users are distributed in five regions (Germany, Hong Kong, South Korea, Japan and the United States), you can earn 150% of the revenue
Contact customer service now and tell him the number of active users of your app and the country distribution, he can estimate the monthly revenue for you.
what we'll be building - drive.google.com/drive/u/0/folders/1rj1pO5TPqt9P8QB-p6Kw8ZDdPCYVjhd_
Welcome to this full-stack tutorial where we’re creating a complete travel planner app using React Native and the MERN stack! 🚀 In this session, you’ll learn how to build a cross-platform mobile app that lets users plan trips, add destinations, manage travel itineraries, and even keep track of expenses-all in one place.
In this video, we’ll cover:
Setting up the React Native environment
Designing UI components and screens
Building a REST API with Express and Node.js
Connecting MongoDB for storing trip data
Implementing CRUD operations for destinations and itineraries
Handling user authentication and state management
Whether you’re a beginner or experienced developer, this project will help you build practical skills in full-stack development with React Native and the MERN stack!
🛠️ Tech Stack:
Frontend: React Native
Backend: Express, Node.js
Database: MongoDB
Hit the like button if you’re ready to level up your skills, and don’t forget to subscribe for more full-stack development tutorials. Let’s get started!
source code - coming soon
timestamps - coming soon
More Projects And Tutorials!
🔴 Let's build Airbnb with React Native : th-cam.com/video/0uK0hQJxvgo/w-d-xo.html
🔴 Let's build Zomato With React Native : th-cam.com/video/G_yJMb9hM2Q/w-d-xo.html
🔴 Let's build React Js Shopping Cart (Easy) : th-cam.com/video/HK3l27onjis/w-d-xo.html
🔴 Let's build a Pizza Application (Dominos) with React Native : th-cam.com/video/YSQZgAMiiyE/w-d-xo.html
🔴 Let's build a Fitness Application with React Native : th-cam.com/video/j5Dc6HKgJQU/w-d-xo.html
🔴 Let's build PVR (Movie Booking App) with React Native : th-cam.com/video/vUsA5Mx7-E0/w-d-xo.html
🔴 Let's build Netflix with React Native : th-cam.com/video/47GKkmbg2f8/w-d-xo.html
🔴 Let's build Redux Shopping Cart for beginners : th-cam.com/video/d_DH9w13Oe8/w-d-xo.html
🔴 Let's build a complete React Js Shopping Cart with Redux : th-cam.com/video/ESGdCNiChWE/w-d-xo.html
🔴 Let's build a full Stack laundry app with React Native : th-cam.com/video/URXYsrawfQs/w-d-xo.html
tags :
travel planner app
full stack travel planner app
travel app react native
sujan anand
react native
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
มุมมอง: 3 705
วีดีโอ
Sign In with Google | React Native | Tutorial for beginners | 2024
มุมมอง 2.3Kหลายเดือนก่อน
Welcome to this step-by-step tutorial on integrating Google Sign-In in your React Native app! In this video, we'll guide you through the entire process of setting up Google login in your app, without using Firebase. Perfect for beginners in 2024! We'll cover: Setting up a Google Cloud project Configuring OAuth for Android and iOS Installing necessary React Native packages Handling authenticatio...
🔴 Let's build a Full Stack Playo App with REACT NATIVE using Mongo Db (MERN STACK)
มุมมอง 16K2 หลายเดือนก่อน
In this comprehensive tutorial, we're going to build a full-fledged Playo app using the MERN stack (MongoDB, Express, React Native, Node.js). Whether you're a beginner or an experienced developer, this step-by-step guide will help you create a fully functional sports and activities booking platform, from backend to frontend. What You’ll Learn: Setting up the backend with Node.js, Express, and M...
🔴 Let's build a Realtime Chat App with REACT NATIVE using Mongo Db (MERN STACK)
มุมมอง 11K6 หลายเดือนก่อน
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/folders/14ZrsAWvxtd3ioGXOLvWfLCILvbQ7AkY7 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 yo...
React Native Environment Setup for Windows and Mac
มุมมอง 2.2K6 หลายเดือนก่อน
🔧 React Native Environment Setup for Windows and Mac 🚀 Welcome to our comprehensive guide on setting up your React Native development environment on both Windows and Mac! Whether you're a beginner or an experienced developer looking to get started with React Native, this video has got you covered. 🖥️ In This Video: Introduction to React Native: Learn what React Native is and why it's a great ch...
🔴 React native Full Course for beginners : with complete mentorship!
มุมมอง 1.4K6 หลายเดือนก่อน
Link to Enrol for the course - www.sujananand.in direct link to the course : www.sujananand.in/s/store use Coupon code SUJAN22 to get 30% OFF DO NOT MISS ABOUT THE GIVE AWAYS AND THE BONUSES Welcome to our React Native Full Course for Beginners! Whether you're new to mobile app development or looking to expand your skills, this comprehensive course is designed to guide you through building mobi...
🔴 Convert a React Native App to Apk
มุมมอง 11K7 หลายเดือนก่อน
In this Video, we'll explore the process of transforming your react native app into an APK file, which can be easily installed on Android devices. keep hustling ❤️ keep sharing knowledge ❤️! codes : 1. keytool -genkey -v -keystore your_key_name.keystore -alias your_key_alias -keyalg RSA -keysize 2048 -validity 10000 2. react-native bundle platform android dev false entry-file index.js bundle-ou...
React Native Responsive Design | Tutorial for beginners
มุมมอง 4K7 หลายเดือนก่อน
Are you a beginner looking to create responsive designs in your React Native apps? Look no further! In this tutorial, we'll guide you through the basics of building responsive layouts using Flexbox and react-native-responsive-screen in React Native. Flexbox is a powerful layout system that allows you to create dynamic and adaptable UIs that look great on any device. In this step-by-step tutoria...
🔴 Let's build a Full Stack Hinge Dating App with REACT NATIVE using MongoDB, Socket IO
มุมมอง 17K8 หลายเดือนก่อน
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 impl...
🔴 Let's build a full Stack Meal Planner App with React Native using MongoDB
มุมมอง 6K9 หลายเดือนก่อน
In this comprehensive tutorial, we'll walk you through the process of building a full-stack meal planner app using React Native and MongoDB. Whether you're a beginner or an experienced developer, this tutorial will guide you step-by-step through the creation of a robust meal planning application from scratch. Here's what you'll learn in this tutorial: Setting up your development environment for...
🔴 Let's build a full Stack Laundry Mate App with React Native using firebase
มุมมอง 12K9 หลายเดือนก่อน
In this comprehensive tutorial, we dive into the world of React Native and Firebase to construct a powerful Laundry Mate App from scratch. Follow along as we combine the robust capabilities of React Native with the real-time database functionality of Firebase to create an efficient solution for managing laundry tasks. Throughout the video, we'll cover every step of the development process, from...
🔴 Let's build a Full Stack Dating App with REACT NATIVE using MongoDB, Socket IO
มุมมอง 16K10 หลายเดือนก่อน
codecrafters - app.codecrafters.io/join?via=SSA-988 🔴 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 a...
🔴 Redux Toolkit Tutorial for beginners
มุมมอง 1.5K10 หลายเดือนก่อน
🚀 Welcome to our live 🔴 Redux Toolkit Tutorial for beginners! In this session, we'll be diving into the fundamentals of Redux Toolkit and demonstrating how to implement essential features like "Add to Cart" and "Remove from Cart." 🛒 Agenda: Introduction to Redux Toolkit Setting up Redux in your React application Exploring the Redux Toolkit features Creating a Redux store with slices Implementin...
🔴 Let's build a Full Stack Habit Tracker with REACT NATIVE using MongoDB
มุมมอง 9K10 หลายเดือนก่อน
code crafters - app.codecrafters.io/join?via=SSA-988 🔴 Welcome to our live coding session! Join us as we dive into building a powerful Full Stack Habit Tracker using React Native and MongoDB. Throughout this tutorial, we'll cover the entire development process, from setting up the environment to implementing key features. Whether you're a beginner or an experienced developer, this session will ...
🔴 Let's build a Full Stack Todo List Tracker with REACT NATIVE using MongoDB
มุมมอง 14K11 หลายเดือนก่อน
code crafters - app.codecrafters.io/join?via=SSA-988 📝 Welcome to this exciting coding journey! In this live session, we'll dive into building a Full Stack Todo List Tracker using React Native and MongoDB. Join us as we explore step-by-step the creation of a powerful application to manage tasks seamlessly. 🚀 Throughout this tutorial, you'll learn how to set up a robust backend with MongoDB, est...
🔴 Learn React Hooks : Mastering useState, useEffect and more
มุมมอง 84511 หลายเดือนก่อน
🔴 Learn React Hooks : Mastering useState, useEffect and more
🔴 Let's build a Full Stack Food Delivery App with REACT NATIVE using Supabase, Expo Router!
มุมมอง 26K11 หลายเดือนก่อน
🔴 Let's build a Full Stack Food Delivery App with REACT NATIVE using Supabase, Expo Router!
🔴 Let's build a Full Stack Employee Management App with REACT NATIVE using MongoDB, Expo Router!
มุมมอง 49Kปีที่แล้ว
🔴 Let's build a Full Stack Employee Management App with REACT NATIVE using MongoDB, Expo Router!
🔴 Let's build a Full Stack LinkedIn App with REACT NATIVE using MongoDB, Expo Router!
มุมมอง 17Kปีที่แล้ว
🔴 Let's build a Full Stack LinkedIn App with REACT NATIVE using MongoDB, Expo Router!
🔴 React Native Navigation with expo router
มุมมอง 16Kปีที่แล้ว
🔴 React Native Navigation with expo router
🔴 Let's build a Developer Portfolio with Next.js 13 App Router Sanity CMS
มุมมอง 5Kปีที่แล้ว
🔴 Let's build a Developer Portfolio with Next.js 13 App Router Sanity CMS
🔴 Let's build a E-Commerce App with Next.js 13 App Router Tailwind, Sanity CMS
มุมมอง 6Kปีที่แล้ว
🔴 Let's build a E-Commerce App with Next.js 13 App Router Tailwind, Sanity CMS
🔴 Let's build a Simple Threads App with REACT NATIVE using MongoDB
มุมมอง 19Kปีที่แล้ว
🔴 Let's build a Simple Threads App with REACT NATIVE using MongoDB
🔴 Let's build a Full Stack E-Commerce App with REACT NATIVE using MongoDB
มุมมอง 134Kปีที่แล้ว
🔴 Let's build a Full Stack E-Commerce App with REACT NATIVE using MongoDB
🔴 Convert an Expo App to Apk in React Native!
มุมมอง 76Kปีที่แล้ว
🔴 Convert an Expo App to Apk in React Native!
🔴 Let's build a Realtime Chat App with REACT NATIVE using Mongo Db (MERN STACK)
มุมมอง 54Kปีที่แล้ว
🔴 Let's build a Realtime Chat App with REACT NATIVE using Mongo Db (MERN STACK)
🔴 Let's build Spotify with React Native! (Spotify API, Expo App Auth)
มุมมอง 53Kปีที่แล้ว
🔴 Let's build Spotify with React Native! (Spotify API, Expo App Auth)
🔴 Let's build a PVR 2.0 (movie Booking App) with React Native ! and Sanity CMS
มุมมอง 3.7Kปีที่แล้ว
🔴 Let's build a PVR 2.0 (movie Booking App) with React Native ! and Sanity CMS
🔴 Let's build PVR 2.0 (movie Booking App) with React Native ! and Sanity CMS
มุมมอง 8Kปีที่แล้ว
🔴 Let's build PVR 2.0 (movie Booking App) with React Native ! and Sanity CMS
🔴 Let's build a Full Stack Booking App with React Native using Firebase | Day 2
มุมมอง 7Kปีที่แล้ว
🔴 Let's build a Full Stack Booking App with React Native using Firebase | Day 2
the missing part drive folder is empty
Part 2 plz
Hi Sujan! "preview_url": null, how to fix it? And music cannot be played
Nice video. But I’m curious to know, How can this work with android ?
i came here to see how you configure SHA1 etc here and that part is totally missed, other than this all good. Keep up the good work!
But its not actively maintained by owner, Last Update was 4 yr ago
source code
Great tutorial, took me more than 6hours with claud ai, going back and forth with different setups, finally you nailed it brother :)
Thank you!
bro it would be helpful if you push code on github on every timeStamps
you have made this 2 months ago but why your expo file structure is not showing ? i am making new app it shows me many file in file structure creating confusion . please tell me can i use this file sturucre in 0.76 react native and expo router sdk 52? does these support file strucuture i have to make a big app
Is it with expo?? Or with native react?
Native react
how you changed file structure ? i am confused of new file structure and tsx file extension
Easy to understand, best for beginners
Thank you!
Brother aap coding classes karwata ho. Ja phir coaching detaa hoo. Kyun ki muje aap saa coding sikhni haii...... Please reply 😊
Abhi nhi, but I have a react native course you can check it out if ur interested, or you can learn for free on TH-cam by building projects.
I see it many time. A highly valuable information.
Glad to hear that
you are just reading the code without explaining it. pls try to explain it also. especially the backend part !!
Okay
Please zoom the screen of code editor in your vids. As it's tiny to watch on a mobile screen.
Okay
Thank you
I just want to ask if this app also notify the user
Awesome job on the upload! I really appreciate your effort, but I encourage you to take a second look and consider doing it again for an even better result or don't ever again!
source code urgent bro
source code pz
getting AxiosError: network errorm when I try to register new user.
Thank you for this brilliant tutorial!
Your welcome 🙏🏻, thanks for the super chat 😇
Plz do react native nodjs to mongodb plz project
Okay
Ur channel is really good for us to provide tutorial benifit
friend requests at 01:48:00
You earned a subscriber 🎉great video
Thank you!
can beginner watch this?
Yes
hi where is build folder . how can i access it . someone please explain me
isn`t expo better to use ?
For beginners only , companies doesnt use expo as it provides an extra layer and increases bundle size, for over the air updates you need to rely on expo if they plan to discontinue you will have problems later on, and also not all native apis are accessible so companies dont use expo at production level
@Gangbuster74 thank you for the info
@@mo.x9013 mention not bro
In the next few years, a lot of new libraries will come to the expo, but Meta will not give that attention to react native. Any way there is a option to create aab and apk file local machine in expo project.
great project thank you💛
You are welcome!
I wish you would include ltr and rtl ☹️
is make by new React Native 0.76 architecture??
Is Typescript included in this project?
no
Can y login with Microsoft And apple?
nice video, but video sound is too low even at 100% in speakers
thank you my friend you this nice video, could you please make the same working for Android? looking forward to hear from you
This works for android as well!
@@sujananand6155what about the android credentials in Google console
@@sujananand6155what about android credentials in google console
Sorry, anybody that tells me to start by downloading a new Terminal app immediately sends up my radar antenna, which scream "Security alert, security alert". I didn't pass that moment of your video. (Do this with iOS Terminal instead if you're not a bad guy.)
How would I add a group chat function, or do u have plans to make an updated tutorial with group chat function?
is the library free to use ? the github page says i need to sponsor witch cost a lot
Yes it’s free to use
Hi bro can you do the pos system of small business like nukkad billing software type bro please
Please create the referral flow video without Firebase
Okay
code to add in info.plist file for IOS: <key>CFBundleURLTypes</key> <array> <dict> <key>CFBundleTypeRole</key> <string>Editor</string> <key>CFBundleURLSchemes</key> <array> <string>com.googleusercontent.apps.ID</string> <string>com.googleusercontent.apps.urID</string> </array> </dict> </array> <key>GIDClientID</key> <string>yourID.apps.googleusercontent.com</string> <key>GIDRedirectURI</key> <string>com.googleusercontent.urID:/oauth2redirect/google</string>
plz sign in with Facebook also with GitHub or with other providers
Can you log in with Facebook expo?
Okay will make a video
@@sujananand6155 thank you
You login Facebook a
Still work ?
but plz with React native CLI not expo
Yes it is
@@sujananand6155 Can you log in with Facebook expo?
is this expo app ?? please tell me
Nope, it’s react native