A full-stack collaborative task management application built with the MERN stack (MongoDB, Express, React, Node.js).
- User Authentication: Secure JWT-based login and registration.
- Project Management: Create projects and manage team members.
- Task Management: Create, assign, and update tasks with priority and due dates.
- Role-Based Access:
- Admins (Project Creators): Can manage team members, create tasks, and delete tasks.
- Members: Can view assigned projects and update the status of their assigned tasks.
- Dashboard: Real-time overview of task statistics (total, done, overdue, and assigned to you).
- Modern UI: Fully responsive, dark-mode premium interface.
- Frontend: React (Vite), Axios, Lucide-React, CSS (Vanilla with custom variables)
- Backend: Node.js, Express.js
- Database: MongoDB (Mongoose)
- Authentication: JSON Web Tokens (JWT), bcryptjs
- Node.js (v16 or higher)
- MongoDB Atlas Account (or local MongoDB)
git clone <YOUR_GITHUB_REPO_URL>
cd Managercd backend
npm installCreate a .env file in the backend directory based on .env.example:
PORT=5000
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret_keyStart the backend server:
npm run devOpen a new terminal window:
cd frontend
npm installCreate a .env file in the frontend directory:
VITE_API_URL=http://localhost:5000/apiStart the development server:
npm run devThis project includes a PowerShell script that handles everything automatically: provisions PostgreSQL, sets all environment variables, and deploys both services.
- Node.js installed
- A free Railway account (sign up, no credit card needed)
Open PowerShell in the project root and run:
.\deploy.ps1That's it. The script will:
- Install the Railway CLI
- Open a browser tab for Railway login (one click)
- Create a Railway project
- Provision a PostgreSQL database (auto-sets
DATABASE_URL) - Generate a secure
JWT_SECRET - Deploy the backend and frontend
- Print your live URLs
Your full-stack application is now publicly accessible!
- Live Application URL: [Add your Railway Frontend URL here]
- GitHub Repository: [Add your GitHub Repo URL here]
- Demo Video: [Add link to your 2-5 min demo video here]