Here's the perfect MERN Stack project tutorial for your portfolio! In this step-by-step tutorial, I'm going to teach you how to build a custom full stack voting application that comes with features like jsonwebtoken Authentication, light-dark theme, responsiveness, multi-election voting functionality, Cloudinary file upload, mongoose sessions and relationship between collections and more!
I will walk you through the entire project from scratch and make sure you understand everything step-by-step! In this first part of 3, we will build and design the frontend (all pages and components needed for the application). In the next video, we will work on the API or backend of the project.
This is the most practical MERN Stack project tutorial you can find on the internet where you'll learn how to create this entire project from scratch!
Hostinger Discount: https://www.hostg.xyz/SH8cs
Complete Project SOURCE CODE with backend: https://buymeacoffee.com/egator/e/340214
Part 1 (React Frontend): https://www.youtube.com/watch?v=lwVdmLP3Fh0
Timestamps
00:00 Project Demo
17:20 Project Folder Structure
23:30 MongoDB Atlas
35:55 404 & Error Middleware
41:35 Routing, Controllers & Testing endpoints with Postman
1:06:25 Models
1:14:50 Voter Controllers
1:45:45 Election Controllers (file upload & cloudinary)
2:33:00 Authentication/Authorization Middleware
2:46:10 Candidate Controllers
Assets: https://github.com/egattor/voting-app-assets