Sujan Anand
Sujan Anand
  • 77
  • 910 662
🔴 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
มุมมอง: 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

ความคิดเห็น

  • @meme_world44
    @meme_world44 ชั่วโมงที่ผ่านมา

    the missing part drive folder is empty

  • @AHSANKHAN-z8i2j
    @AHSANKHAN-z8i2j 2 วันที่ผ่านมา

    Part 2 plz

  • @Khang-LND
    @Khang-LND 3 วันที่ผ่านมา

    Hi Sujan! "preview_url": null, how to fix it? And music cannot be played

  • @Ikbruno
    @Ikbruno 4 วันที่ผ่านมา

    Nice video. But I’m curious to know, How can this work with android ?

  • @hamzazahid595
    @hamzazahid595 4 วันที่ผ่านมา

    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!

  • @mayank.agrawal
    @mayank.agrawal 4 วันที่ผ่านมา

    But its not actively maintained by owner, Last Update was 4 yr ago

  • @monster.90-m9e
    @monster.90-m9e 6 วันที่ผ่านมา

    source code

  • @NaveenDinushka
    @NaveenDinushka 8 วันที่ผ่านมา

    Great tutorial, took me more than 6hours with claud ai, going back and forth with different setups, finally you nailed it brother :)

  • @siuu.priyanshu
    @siuu.priyanshu 12 วันที่ผ่านมา

    bro it would be helpful if you push code on github on every timeStamps

  • @affanzahid9487
    @affanzahid9487 12 วันที่ผ่านมา

    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

  • @talhaghauri8987
    @talhaghauri8987 13 วันที่ผ่านมา

    Is it with expo?? Or with native react?

  • @MuhammadAffanZahid
    @MuhammadAffanZahid 13 วันที่ผ่านมา

    how you changed file structure ? i am confused of new file structure and tsx file extension

  • @LuckySingh-z3c
    @LuckySingh-z3c 14 วันที่ผ่านมา

    Easy to understand, best for beginners

  • @gauravchoudhray205
    @gauravchoudhray205 15 วันที่ผ่านมา

    Brother aap coding classes karwata ho. Ja phir coaching detaa hoo. Kyun ki muje aap saa coding sikhni haii...... Please reply 😊

    • @sujananand6155
      @sujananand6155 14 วันที่ผ่านมา

      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.

  • @LuckySingh-z3c
    @LuckySingh-z3c 16 วันที่ผ่านมา

    I see it many time. A highly valuable information.

  • @asmirathore1880
    @asmirathore1880 17 วันที่ผ่านมา

    you are just reading the code without explaining it. pls try to explain it also. especially the backend part !!

  • @zuhairrehman2526
    @zuhairrehman2526 17 วันที่ผ่านมา

    Please zoom the screen of code editor in your vids. As it's tiny to watch on a mobile screen.

  • @shodiyabasit7869
    @shodiyabasit7869 18 วันที่ผ่านมา

    I just want to ask if this app also notify the user

  • @adityansah
    @adityansah 18 วันที่ผ่านมา

    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!

  • @T4maxtamil
    @T4maxtamil 19 วันที่ผ่านมา

    source code urgent bro

  • @T4maxtamil
    @T4maxtamil 19 วันที่ผ่านมา

    source code pz

  • @Sean-bo2lb
    @Sean-bo2lb 19 วันที่ผ่านมา

    getting AxiosError: network errorm when I try to register new user.

  • @zuhairrehman2526
    @zuhairrehman2526 19 วันที่ผ่านมา

    Thank you for this brilliant tutorial!

    • @sujananand6155
      @sujananand6155 19 วันที่ผ่านมา

      Your welcome 🙏🏻, thanks for the super chat 😇

  • @codewithroman8180
    @codewithroman8180 22 วันที่ผ่านมา

    Plz do react native nodjs to mongodb plz project

    • @sujananand6155
      @sujananand6155 22 วันที่ผ่านมา

      Okay

    • @codewithroman8180
      @codewithroman8180 22 วันที่ผ่านมา

      Ur channel is really good for us to provide tutorial benifit

  • @yahidbasha1506
    @yahidbasha1506 22 วันที่ผ่านมา

    friend requests at 01:48:00

  • @Gangbuster74
    @Gangbuster74 22 วันที่ผ่านมา

    You earned a subscriber 🎉great video

  • @ColorConverter
    @ColorConverter 22 วันที่ผ่านมา

    can beginner watch this?

  • @himangshusarma8446
    @himangshusarma8446 24 วันที่ผ่านมา

    hi where is build folder . how can i access it . someone please explain me

  • @mo.x9013
    @mo.x9013 24 วันที่ผ่านมา

    isn`t expo better to use ?

    • @Gangbuster74
      @Gangbuster74 22 วันที่ผ่านมา

      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

    • @mo.x9013
      @mo.x9013 22 วันที่ผ่านมา

      @Gangbuster74 thank you for the info

    • @Gangbuster74
      @Gangbuster74 22 วันที่ผ่านมา

      @@mo.x9013 mention not bro

    • @somnathdas8922
      @somnathdas8922 10 วันที่ผ่านมา

      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.

  • @mo.x9013
    @mo.x9013 24 วันที่ผ่านมา

    great project thank you💛

  • @millennia
    @millennia 25 วันที่ผ่านมา

    I wish you would include ltr and rtl ☹️

  • @kplcreation8748
    @kplcreation8748 27 วันที่ผ่านมา

    is make by new React Native 0.76 architecture??

  • @Devdiagui
    @Devdiagui หลายเดือนก่อน

    Is Typescript included in this project?

    • @FAIZAN1421
      @FAIZAN1421 24 วันที่ผ่านมา

      no

  • @jhowgama2024
    @jhowgama2024 หลายเดือนก่อน

    Can y login with Microsoft And apple?

  • @imperialx1197
    @imperialx1197 หลายเดือนก่อน

    nice video, but video sound is too low even at 100% in speakers

  • @EuclidElements
    @EuclidElements หลายเดือนก่อน

    thank you my friend you this nice video, could you please make the same working for Android? looking forward to hear from you

    • @sujananand6155
      @sujananand6155 หลายเดือนก่อน

      This works for android as well!

    • @Ikbruno
      @Ikbruno 6 วันที่ผ่านมา

      @@sujananand6155what about the android credentials in Google console

    • @Ikbruno
      @Ikbruno 5 วันที่ผ่านมา

      @@sujananand6155what about android credentials in google console

  • @prettyswelladventures
    @prettyswelladventures หลายเดือนก่อน

    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.)

  • @sleepuntilspring2786
    @sleepuntilspring2786 หลายเดือนก่อน

    How would I add a group chat function, or do u have plans to make an updated tutorial with group chat function?

  • @pylvr8021
    @pylvr8021 หลายเดือนก่อน

    is the library free to use ? the github page says i need to sponsor witch cost a lot

    • @sujananand6155
      @sujananand6155 หลายเดือนก่อน

      Yes it’s free to use

  • @happymomenttime
    @happymomenttime หลายเดือนก่อน

    Hi bro can you do the pos system of small business like nukkad billing software type bro please

  • @Shubuu7
    @Shubuu7 หลายเดือนก่อน

    Please create the referral flow video without Firebase

  • @sujananand6155
    @sujananand6155 หลายเดือนก่อน

    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>

  • @hubesh716
    @hubesh716 หลายเดือนก่อน

    plz sign in with Facebook also with GitHub or with other providers

  • @ganhbaofficial5264
    @ganhbaofficial5264 หลายเดือนก่อน

    Can you log in with Facebook expo?

  • @ganhbaofficial5264
    @ganhbaofficial5264 หลายเดือนก่อน

    You login Facebook a

  • @monster.90-m9e
    @monster.90-m9e หลายเดือนก่อน

    Still work ?

  • @hubesh716
    @hubesh716 หลายเดือนก่อน

    but plz with React native CLI not expo

    • @sujananand6155
      @sujananand6155 หลายเดือนก่อน

      Yes it is

    • @ganhbaofficial5264
      @ganhbaofficial5264 หลายเดือนก่อน

      @@sujananand6155 Can you log in with Facebook expo?

  • @BASSITAYT
    @BASSITAYT หลายเดือนก่อน

    is this expo app ?? please tell me

    • @sujananand6155
      @sujananand6155 หลายเดือนก่อน

      Nope, it’s react native