Build and Deploy a Full Stack MERN Project - In this video we will be building a complete task manager application with authentication using the MERN Stack. We will be using MongoDB, Express, React, and Node.js.
Join the newsletter for free and get the latest updates: https://thecodedealer.io/newsletter
Authentication Video (Optional): https://www.youtube.com/watch?v=ilHWU2SJ8LM
Cookiebot: https://www.cookiebot.com/en/uk-ie-cookie-banner/?utm_source=partner&utm_medium=referral&utm_campaign=influencer&utm_term=code-dealer
Live Link (NOTE): NOTE: There might be a cold start delay up to 50s on initial load due to the free version of the instance: https://taskfyer.vercel.app/
Source Code: https://thecodedealer.io/freebies/build-and-deploy-a-full-stack-mern-project---task-manager-application
Feel free to support the channel: https://buymeacoffee.com/thecodedealer
New Website: https://thecodedealer.io
SnippetMaster is now open source, go clone and start the repo.
SnippetMaster Demonstration: https://www.youtube.com/watch?v=n9OotKcdhzc&t=2s
https://www.youtube.com/watch?v=SofV88jvXVg&t=2s
SnippetMaster Repo: https://github.com/Maclinz/Snippet-Master-Reboot
More videos here....
Build and Deploy a Fully Responsive Website in React JS:
https://youtu.be/V6ex_gBtnNw
Build a Fullstack Task Manager Application: Next.js, React, Prisma, MongoDB :
https://youtu.be/kPKXmEp_wfU
React and Node.js Video Player:
https://youtu.be/1lFQaxLeDTE
Portfolio Website Tutorial HTML, CSS, JavaScript: https://www.youtube.com/watch?v=W-5jkFPtLcc&t=2252s
React and Next JS Project Full Application: https://www.youtube.com/watch?v=H3YtJkPv89E&t=7879s
Build a Code To Image Application: React and Next.js
https://youtu.be/Hh9ojkZnpnE
Timestamps
00:00:00 - Introduction
00:08:03 - Setting Up The Backend
00:54:41 - Client Setup
01:03:44 - Layout Setup
01:52:18 - Sidebar
02:18:22 - Get Data from the Server
03:02:05 - TaskItem
05:25:12 - Deployment
05:37:02 - Implementing a Cookie Consent Banner
#thecodedealer #webdevelopment #mernstack