🚀 TaskForge – Project & Task Management SaaS

TaskForge is a full-stack MERN SaaS application designed to help users manage projects, track tasks, and monitor productivity through a modern dashboard interface. It includes authentication, project/task management, analytics, and subscription-based payments using Razorpay.

---

🌐 Live Demo

👉 (Add your deployed link here)

---

📌 Features

🔐 Authentication

• Secure user registration and login
• JWT-based authentication
• Protected routes

📊 Dashboard

• Overview of projects and tasks
• Task status tracking (completed, pending, in progress)
• Clean and responsive UI

📁 Project Management

• Create, update, and delete projects
• Track project progress
• Filter and search projects

✅ Task Management

• Create and manage tasks within projects
• Assign priority (Low, Medium, High)
• Track task status (To Do, In Progress, Done)
• Due date management

💳 Payment Integration

• Subscription plans (Basic, Pro, Enterprise)
• Razorpay payment gateway integration
• Payment verification on backend

📈 Analytics (UI-based)

• Visual representation of productivity
• Task completion overview

---

🛠️ Tech Stack

Frontend

• React (Vite)
• Tailwind CSS
• React Router DOM

Backend

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

Payment

• Razorpay

Deployment

• Vercel (Frontend)
• Render / Railway (Backend)
• MongoDB Atlas (Database)

---

📂 Project Structure

Client

client
 ├ src
 │   ├ components
 │   ├ pages
 │   ├ layouts
 │   ├ services
 │   ├ hooks
 │   └ App.jsx

Server

server
 ├ controllers
 ├ models
 ├ routes
 ├ middleware
 ├ config
 └ server.js

---

⚙️ Installation & Setup

1. Clone the Repository

git clone https://github.com/your-username/taskforge.git
cd taskforge

---

2. Setup Client

cd client
npm install
npm run dev

---

3. Setup Server

cd server
npm install
npm run dev

---

4. Environment Variables

Create a .env file in server:

PORT=5000
MONGO_URI=your_mongodb_uri
JWT_SECRET=your_secret_key
RAZORPAY_KEY_ID=your_key
RAZORPAY_KEY_SECRET=your_secret

---

🔗 API Endpoints (Overview)

Auth

• POST /api/auth/register
• POST /api/auth/login

Projects

• GET /api/projects
• POST /api/projects
• PUT /api/projects/:id
• DELETE /api/projects/:id

Tasks

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

Payments

• POST /api/payment/create-order
• POST /api/payment/verify

---

🧠 Key Learnings

• Full-stack MERN architecture
• JWT authentication & protected routes
• REST API design
• Razorpay payment integration
• Dashboard UI design with Tailwind
• Scalable project structure

---

📸 Screenshots

(Add screenshots here of your app)

---

📌 Future Improvements

• Real-time collaboration (Socket.io)
• Role-based access control
• Notifications system
• File uploads & attachments
• Advanced analytics with charts

---

👨‍💻 Author

Hardik Patil Frontend & Backend Developer

---

⭐ Support

If you like this project, give it a ⭐ on GitHub!