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! 🚀
📌 Connect with me:
🔗 LinkedIn: / rabinosti
💻 Need help with your code or project?
Hire me on Fiverr: https://www.fiverr.com/rabin0123
Поделиться в:
Доступные форматы для скачивания:
Скачать видео mp4
Информация по загрузке:
Скачать аудио mp3
Похожие видео
array(10) {
[0]=>
object(stdClass)#8128 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "UQFvw1FzJ18"
["related_video_title"]=>
string(59) "Эти фичи Kotlin меняют правила игры"
["posted_time"]=>
string(21) "1 день назад"
["channelName"]=>
string(66) "Android Broadcast. Все об Андроид разработке"
}
[1]=>
object(stdClass)#8101 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "3uPlWhnkR60"
["related_video_title"]=>
string(183) "РФ Применила Гром-Э1⚡Зирка Пала🔥 Первые Саперы Прибыли В Курскую Область🪖🚧 Военные Сводки 28.06.2025"
["posted_time"]=>
string(23) "9 часов назад"
["channelName"]=>
string(27) "Военные Сводки"
}
[2]=>
object(stdClass)#8126 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "pxyRbnMikTA"
["related_video_title"]=>
string(128) "Петр Толстой ВЫ ЧЁ, ОХАМЕЛИ? Наглый УЛЬТИМАТУМ Баку после рейда на ОПГ!"
["posted_time"]=>
string(24) "14 часов назад"
["channelName"]=>
string(61) "Последние новости дня на этот час"
}
[3]=>
object(stdClass)#8133 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "IgLGiJ00a1I"
["related_video_title"]=>
string(151) "Проброс портов, брутфорс wordpress и jenkins! Прохожу машину Internal на TryHackMe, уровень тяжелый!"
["posted_time"]=>
string(25) "3 месяца назад"
["channelName"]=>
string(14) "Mister Exploit"
}
[4]=>
object(stdClass)#8112 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "vlG3DbZSIqw"
["related_video_title"]=>
string(94) "Как MCP улучшает Cursor AI в 10x раз? И что вообще это такое?"
["posted_time"]=>
string(25) "2 месяца назад"
["channelName"]=>
string(65) "Ivan Abramov: стартап разборы | Гроус хаки"
}
[5]=>
object(stdClass)#8130 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "6npSvyo9KAY"
["related_video_title"]=>
string(142) "Полный гайд: Разработка REST API | Модель Ричардсона | Ошибки и советы | Node.js & Golang"
["posted_time"]=>
string(19) "2 дня назад"
["channelName"]=>
string(29) "PurpleSchool | Anton Larichev"
}
[6]=>
object(stdClass)#8125 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "nec3aZM8aUY"
["related_video_title"]=>
string(83) "Deep House Mix 2024 | Deep House, Vocal House, Nu Disco, Chillout Mix by Diamond #3"
["posted_time"]=>
string(19) "1 год назад"
["channelName"]=>
string(7) "Diamond"
}
[7]=>
object(stdClass)#8135 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "81YNKhpNzuc"
["related_video_title"]=>
string(152) "«Вселенная: сборник космических открытий» - Познавательно и Для Хорошего Сна."
["posted_time"]=>
string(0) ""
["channelName"]=>
string(67) "MagnetarO - Теории и Гипотезы о Вселенной."
}
[8]=>
object(stdClass)#8111 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "nrEdavr-d6c"
["related_video_title"]=>
string(117) "Путин на скамье подсудимых / Соловьёв захватывает страны Балтии"
["posted_time"]=>
string(24) "11 часов назад"
["channelName"]=>
string(12) "NEXTA Moment"
}
[9]=>
object(stdClass)#8129 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "Shapz_pzDTQ"
["related_video_title"]=>
string(175) "Очищает ауру и пространство | Привлечение процветания, удачи и любви, исцеление женской энергии"
["posted_time"]=>
string(27) "5 месяцев назад"
["channelName"]=>
string(13) "Ethereal Calm"
}
}
