code crafters - https://app.codecrafters.io/join?via=...
🔴 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 provide valuable insights into creating robust apps. Subscribe and hit the notification bell to stay updated on each step of this exciting journey! 🛠️💻 #ReactNative #MongoDB #fullstackdevelopment
source code - https://github.com/SSA-988/habit-tracker
TimeStamps :
0:00 - 1:57 - demo
1:58 - codecrafters
3:13 - create expo app
8:05 - Mongodb project
14:35 - design Home Screen
24:00 - create habit design
37:09 - endpoints to create a habit and habit model
42:55 - test the endpoint
51:23 - fetch habits from backend
55:43 - design today’s tab
1:04:14 - Bottom modal design
1:22:00 - design weekly tab
1:38:07 - design overall tab
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 habit tracker
react native routine planner
full stack react native app
react native beginner projects
react native full stack projects
react native todo app
react native todo list tracker
react native todo list
todo list in react native
mongodb node js
node js tutorial
react native full stack 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
mongo db
react native mern stack
sujan anand react native