Build E-Commerce app #2 — Users & JWT Authentication (MERN)

Welcome to Phase 2 of our complete, step-by-step MERN Stack E-Commerce project! In this video, we are building a robust Users & Authentication system from scratch. You will learn how to implement secure user registration, secure login, cookie-based logout, global authentication state management, and protected frontend routes. 🗺️ Project Roadmap • Phase 1: Project Setup & Architecture • Phase 2: Users & Authentication 👈 [Current Video] • Phase 3: Products Catalog & Management • Phase 4: Shopping Cart Functionality • Phase 5: Orders & Checkout • Phase 6: Payment Gateway Integration 🛠️ Tech Stack Used • Frontend: React.js, Axios, Tailwind CSS • Backend: Node.js, Express.js • Database: MongoDB • Security: JWT (JSON Web Tokens), Bcrypt 🧠 What You Will Learn • User Registration & Login: Hashing passwords and generating secure tokens. • State Management: Tracking authentication status across the application. • Protected Routes: Restricting checkout and dashboard pages to logged-in users. • Axios Integration: Sending secure HTTP requests between React and Node.js. • UI Design: Styling clean, responsive auth forms with Tailwind CSS. ⏱️ Timestamps • 00:00 - Introduction • 00:19 - User Schema • 04:50 - User Routes • 09:05 - User Controller • 38:16 - Auth Middleware • 48:41 - Services in Frontend • 52:06 - AuthProvider • 01:02:22 - Register & Login Page • 01:37:47 - HomePage • 02:00:00 - AccountPage • 02:06:44 - ProtectedRoute 📂 Resources & Links • Completed Code: https://github.com/VJYGOUR/shopNow-Fi... • Starter Code:https://github.com/VJYGOUR/shopNow-st... • Follow For Updates: https://x.com/Vijay_kumar1212 If you find this tutorial helpful, don't forget to Like, Subscribe, and hit the Notification Bell so you don't miss Phase 3! #MERNStack #Ecommerce #Authentication #ReactJS #MongoDB #ExpressJS #NodeJS #WebDevelopment #FullStack