Mern Stack Project For Beginners | Todo App | JWT | Cookies | Auth
Today we are going to create a task management system using MERN stack. Where user can create their own account and manage their tasks. This will be simple app for MERN beginners. In this video we will learn a lots of things like how to create relations in mongoDb, create authentications, create private routes, custom react.js hooks and many more. I hope you guys will like it.
♥ Support the Content Creator:
☕ Buy Me A Coffee: https://www.buymeacoffee.com/shaifarf...
🔔subscribe and turn on the notification bell.
👉 Source Code: https://github.com/ShaifArfan/mern-ta...
👇Tutorial mentioned in the video:
Express.js MongoDB CRUD: • Express MongoDB CRUD APIs
JWT authentication: • JWT Authentication with Cookies in Express...
Eslint Setup: • ESLint setup with prettier for any JS Proj...
Follow Shaif Arfan 👇👇
Instagram: / shaifarfan08
Facebook: / fb.shaifarfan08
Twitter: / shaifarfan08
▶ Also Watch :
HTML CSS Portfolio Project: • HTML CSS Portfolio Project | Responsive We...
One Page HTML & CSS Project: • One Page Full Website Project For Practice...
HTML & CSS Landing Page : • HTML & CSS Website Landing Page | Frontend...
Mini Project for HTML & CSS : • Responsive Website With HTML & CSS | Mini ...
How To Make A WordPress website: • How To Make A Professional Website - Absol...
▶ Some useful Playlist :
HTML & CSS: • HTML & CSS
Vanilla JavaScript : • Vanilla JavaScript
Frontend Mentor Challenges: • Frontend Mentor Challenges
30days30submits Challenge: • 30days30submits
🌐 Join The Community :
Our website : https://webcifar.com/
Facebook Page : / webcifar
Facebook group : http://bit.ly/fb-group-webcifar
Instagram : / web_cifar
twitter : / webcifar
Github: https://github.com/WebCifar & https://github.com/shaifarfan
⏲Timestamps -
00:00:00 - Intro
00:05:22 - Backend Init
00:12:17 - Express.js Setup
00:14:54 - MongoDB Setup
00:26:14 - Express.js Middleware
00:28:24 - Express.js Routes
00:38:07 - Auth Routes
01:09:19 - Error Handling
01:22:00 - Auth Routes (logout & is_logged_in)
01:28:18 - Users Routes
01:41:17 - Tasks Routes
02:09:49 - Frontend Init
02:17:54 - React Routes
02:21:44 - Private Routes
02:30:03 - Vite.js Server Proxy
02:32:45 - Page Layout
02:35:02 - Auth Page
03:00:00 - Home Page
03:00:58 - Nav (Home Page)
03:12:37 - Tasks (Task List & Task Item)
03:47:31 - Edit Profile Page
04:03:03 - Quick Fix 01
04:06:17 - Quick Fix 02
04:07:54 - bye bye
#webcifar #mernstack #reactJs
Sur cette page du site, vous pouvez voir la vidéo en ligne Mern Stack Project For Beginners | Todo App | JWT | Cookies | Auth durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur WEB CIFAR 08 août 2022, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 17,313 fois et il a aimé 431 téléspectateurs. Bon visionnage!
