🚀 Auth Dashboard Project

A full-stack authentication system with a modern dashboard UI built using React, Node.js, and MongoDB.

---

📸 Preview

🏠 Dashboard

💻 Desktop View

---

📱 Mobile View

---

🔐 Signin Page

💻 Desktop View

---

📱 Mobile View

---

📝 Signup Page

💻 Desktop View

---

📱 Mobile View

---

📝 Forgot Page

💻 Desktop View

---

📱 Mobile View

---

⚙️ Features

🔧 Backend

• User Signup
• Email Verification System
• Login / Logout
• Forgot Password
• Reset Password
• Auth Check Middleware
• Welcome Email Template

🌐 Frontend

• Modern UI (Tailwind + Framer Motion)
• Signup Page
• Login Page
• Email Verification Page
• Protected Routes
• Dashboard Page

---

🔐 Authentication Flow

1. User signs up
2. Verification email is sent
3. User verifies account
4. User logs in
5. Access dashboard
6. Password reset if needed

---

🛠️ Tech Stack

Frontend

• React (JavaScript)
• Tailwind CSS
• Framer Motion
• Zustand

Backend

• Node.js
• Express
• MongoDB

---

🚀 Getting Started

1. Clone the repo

git clone https://github.com/chigemezu2202/react-node-app.git

About This Project:

🔧 Backend Setup 🗄️ Database Setup 🔐 Signup Endpoint 📧 Sending Verify Account Email 🔍 Verify Email Endpoint 📄 Building a Welcome Email Template 🚪 Logout Endpoint 🔑 Login Endpoint 🔄 Forgot Password Endpoint 🔁 Reset Password Endpoint ✔️ Check Auth Endpoint 🌐 Frontend Setup 📋 Signup Page UI 🔓 Login Page UI ✅ Email Verification Page UI 📤 Implementing Signup 📧 Implementing Email Verification 🔒 Protecting Our Routes 🔑 Implementing Login 🏠 Dashboard Page 🔄 Implementing Forgot Password 🚀 Super Detailed Deployment 🙏 Thanks!

Implementations

Backend Setup Database Setup Signup Endpoint Sending Verify Account Email Verify Email Endpoint Building a Welcome Email Template Logout Endpoint Login Endpoint Forgot Password Endpoint Reset Password Endpoint Check Auth Endpoint Frontend Setup Signup Page UI Login Page UI Email Verification Page UI Implementing Signup Implementing Email Verification Protecting Our Routes Implementing Login Dashboard Page Implementing Forgot Password Super Detailed Deployment & Thanks for watching!