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

Connect with me here:
LinkedIn Profile: LinkedIn: khurram-ali1

☕ Buy Me A Coffee ➜ https://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: https://github.com/destocot/awesometo...

Step-By-Step Detailed Notes, Check Them Out!
Notion Workspace: https://cyber-halibut-5bd.notion.site...

Demo Application: https://awesome-todos-youtube.onrende...

Emojis: "☑" , "☐", "🗑️"

Resources:
(Frontend)
create-react-app: https://create-react-app.dev/docs/get...
css reset - https://www.joshwcomeau.com/css/custo...
fa2png - https://fa2png.app/
transparenttextures - https://www.transparenttextures.com/
(Backend)
Node - https://nodejs.org/en/download
Express - https://expressjs.com/
Postman - https://www.postman.com/
(Database)
MongoDB - https://www.mongodb.com/docs/drivers/...
(Deployment)
Git Documentation - https://git-scm.com/book/en/v2/Gettin...
Render - https://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