🚀 Secure Tasks Dashboard (MERN Stack)

A scalable full-stack web application with authentication, protected dashboard, and task management built using MERN stack.

✨ Features

• Login/Register with JWT authentication
• Protected dashboard routes
• User profile fetched from backend
• Create, Edit, Delete, Complete tasks
• Search & filter UI
• Premium responsive UI

🔐 Security

• bcrypt password hashing
• JWT middleware
• Protected APIs
• Ownership validation

🧱 Tech Stack

Frontend:

• React.js
• TailwindCSS
• Axios

Backend:

• Node.js
• Express.js
• MongoDB
• JWT

⚙️ Setup

Backend

cd server npm install npm run dev

Frontend

cd client npm install npm start

📡 API Routes

Auth: POST /api/auth/register
POST /api/auth/login

Tasks: GET /api/tasks
POST /api/tasks
PUT /api/tasks/:id
DELETE /api/tasks/:id

User: GET /api/users/profile

📈 Scalability

• Modular folder structure
• Axios service layer
• JWT middleware
• Easy backend expansion

secure-task-dashboard