🚀 TaskHub

Modern Kanban Project Management Tool
Built with React, TypeScript, Node.js, Tailwind CSS, and Clerk for authentication

---

📝 Overview

TaskHub is a sleek, Kanban-style project management tool designed for teams and individuals. With drag-and-drop task handling, real-time collaboration, and customizable workflows, TaskHub helps you stay organized and productive.

• Visualize tasks with clarity
• Track progress and milestones
• Collaborate in real-time
• Automate notifications
• Maintain transparency with activity logs
• Secure authentication powered by Clerk

---

🛠️ Tech Stack

Frontend	Backend	Tooling & DevOps
React 18	Node.js 20	Vite
TypeScript	Express.js	ESLint + Prettier
Zustand	Clerk Auth	Husky + GitHub

---

📚 Table of Contents

• Features
• Installation
• Usage
• Environment Setup
• Clerk Setup
• Contributing
• License

---

✨ Features

Click to expand feature list

• 🧩 Kanban Board with drag-and-drop
• 🔐 Authentication via Clerk
• 🔄 Customizable workflows
• 👥 Real-time collaboration
• 🔔 Automated notifications
• 📈 Activity tracking
• 🎯 Milestone monitoring

---

⚙️ Installation

git clone https://github.com/SatChittAnand/TaskHub.git
cd TaskHub
npm install
npm run dev

Requires Node.js ≥ 20 and npm ≥ 9

---

🚀 Usage

1. Sign in using Clerk authentication
2. Create tasks and assign team members
3. Drag & drop tasks across columns
4. Customize workflows to match your process
5. Collaborate and comment in real-time
6. Receive smart notifications
7. Track activity logs for transparency

---

🌐 Environment Setup

Create a .env file in the root directory:

VITE_API_URL=http://localhost:5000/api
CLERK_PUBLISHABLE_KEY=your_clerk_publishable_key
CLERK_SECRET_KEY=your_clerk_secret_key

Note: Never commit your .env file.

---

🔐 Clerk Setup

1. Go to Clerk.dev and create an account
2. Create a new Clerk application
3. Copy your Publishable Key and Secret Key
4. Paste them into your .env file
5. Wrap your app with <ClerkProvider> and use SignedIn, SignedOut components

For more details, check out the Clerk Documentation.

---

🤝 Contributing

Click to view contribution steps

1. Fork the repository
2. Clone your fork

git clone https://github.com/your-username/TaskHub.git

3. Create a feature branch

git checkout -b feature/your-feature-name

4. Make your changes
5. Commit with a descriptive message

git commit -m "Add: your feature description"

6. Push to your fork

git push origin feature/your-feature-name

7. Open a pull request

Please follow our coding standards and include relevant tests.

---

📄 License

This project is licensed under the MIT License.