A full-stack MERN application for managing tasks with role-based access control.

• User Authentication - JWT-based signup/login
• Role-Based Dashboards - Separate admin and developer views
• Task Management - Create, read, update, delete tasks
• Admin Controls - Admins can manage all users' tasks
• Developer Access - Developers can only manage their own tasks
• Responsive UI - Built with React and Tailwind CSS
• Dark Mode - Theme toggle support

• Frontend: React, Vite, Tailwind CSS, Radix UI
• Backend: Node.js, Express.js, MongoDB, Mongoose
• Authentication: JWT tokens with bcrypt
• UI Components: Shadcn/ui components

• Node.js (v14+)
• MongoDB
• pnpm (recommended) or npm

1. Clone the repository

   git clone <repository-url>
   cd developer-task-manager

2. Install dependencies

   # Install server dependencies
   cd server
   pnpm install
   
   # Install client dependencies
   cd ../client
   pnpm install

3. Environment Setup Create a .env file in the server directory:

   PORT=5000
   MONGO_URI=mongodb://localhost:27017/devtaskdb
   JWT_SECRET=supersecretkey123
   

4. Start MongoDB

   sudo systemctl start mongod

5. Start the application

   # Start server (from server directory)
   pnpm dev
   # or
   pnpm start
   
   # Start client (from client directory, in a new terminal)
   pnpm dev

• Client: http://localhost:5173
• Server API: http://localhost:5000

• Username: admin
• Email: admin@example.com
• Password: admin123

If you need to create an admin user, run this script in the server directory:

node -e "
const mongoose = require('mongoose');
const bcrypt = require('bcryptjs');
const User = require('./models/User');
require('dotenv').config();

mongoose.connect(process.env.MONGO_URI).then(async () => {
  const hashedPassword = await bcrypt.hash('admin123', 10);
  await User.create({
    username: 'admin',
    email: 'admin@example.com',
    password: hashedPassword,
    role: 'admin'
  });
  console.log('Admin user created!');
  process.exit(0);
}).catch(console.error);
"

• Admin: Can view and manage all users' tasks
• Developer: Can only manage their own tasks

├── client/          # React frontend
│   ├── src/
│   │   ├── components/  # Reusable UI components
│   │   ├── pages/       # Page components
│   │   ├── services/    # API services
│   │   └── utils/       # Utility functions
│   └── package.json
├── server/          # Express backend
│   ├── controllers/ # Route handlers
│   ├── middleware/  # Authentication middleware
│   ├── models/      # MongoDB models
│   ├── routes/      # API routes
│   └── package.json
└── README.md

• POST /api/auth/signup - User registration
• POST /api/auth/login - User login

• GET /api/tasks/me - Get user's tasks
• GET /api/tasks/all - Get all tasks (admin only)
• POST /api/tasks - Create task
• PUT /api/tasks/:id - Update task
• DELETE /api/tasks/:id - Delete task