Full Stack MERN Todo App with MongoDB, React, Express, Node | Responsive + Deployment + Full Notes

Connect with me here:
LinkedIn Profile: / khurram-ali1
☕ Buy Me A Coffee ➜ www.buymeacoffee.com/giraffer...
* sorry for all the sniffling, deviated septum things :( *
In this comprehensive tutorial, I'll guide you through the process of building a full-stack MERN (MongoDB, Express, React, Node) Todo application from scratch. You'll learn how to create a responsive design and set up a REST API for managing your tasks. We'll cover every step from development to deployment, and you'll have access to all the essential resources.
GitHub Repository: github.com/destocot/awesometo...
Step-By-Step Detailed Notes, Check Them Out!
Notion Workspace: cyber-halibut-5bd.notion.site...
Demo Application: awesome-todos-youtube.onrende...
Emojis: "☑" , "☐", "🗑️"
Resources:
(Frontend)
create-react-app: create-react-app.dev/docs/get...
css reset - www.joshwcomeau.com/css/custo...
fa2png - fa2png.app/
transparenttextures - www.transparenttextures.com/
(Backend)
Node - nodejs.org/en/download
Express - expressjs.com/
Postman - www.postman.com/
(Database)
MongoDB - www.mongodb.com/docs/drivers/...
(Deployment)
Git Documentation - git-scm.com/book/en/v2/Gettin...
Render - render.com/
00:00:00 - Introduction
00:03:45 - Folder Structure
00:05:45 - Back end Skeleton
00:12:30 - Front end Skeleton
00:18:30 - Creating endpoints
00:30:00 - Connect Back end to Front end
00:37:30 - MongoDB Setup
00:42:00 - Connect Back end to Database
00:51:30 - Creating MongoDB Queries
01:10:15 - Simple Validation Checks
01:13:45 - Full CRUD on Front end
01:45:00 - Styling Front end
01:55:00 - Making App Mobile Responsive
02:00:30 - Deploying App
02:21:45 - Thanks for watching