Full Stack MERN Todo App with React 19, Express v5, MongoDB, Node.js, and SWR
Build a MERN Stack Todo List App using React 19, Express v5, MongoDB, Node.js and SWR.
This video is perfect for anyone who wants to learn how to build a full-stack MERN application. We will use SWR library for efficient data fetching and optimistic UI updates.
⏰ Chapters:
0:00 App Overview
2:37 Initialize and Install backend dependencies
6:10 Routing in expressjs v5
24:40 User and Todo Schema
29:00 Connect with Mongodb
32:40 Error Handling
35:40 Register User
46:00 Cookie based Login
55:20 Logout User
58:30 Middleware
1:02:40 Todo CRUD
1:23:00 CORS
1:23:36 Frontend
1:24:47 Configure Shadcn
1:30:45 React Router Dom
1:35:55 Adding Fonts
1:37:55 Install Shadcn Components
1:38:18 Register and Login UI
1:45:00 Register User
1:58:58 Login User
2:05:28 CRUD using SWR
2:49:30 Logout User
🚀 Let's craft something extraordinary together! 🚀
