🧩 Taskify

Organize smart. Collaborate better. Build faster.

About · Features · Tech Stack · Screenshots · Getting Started · Folder Structure · Contributing

---

🚀 Live Demo

👉 Try Taskify Live

---

A modern, real time collaborative task management app designed for individuals and teams.

---

🧠 About The Project

Taskify is a full-stack real time collaborative task management platform designed to help users and teams stay productive, organized, and efficient.
It allows you to create, manage, and track tasks — either individually or collaboratively across users.

From simple personal to-do lists to complex project workflows, Taskify provides a smooth, powerful, and intuitive SaaS experience.

---

✨ Features Showcase

Feature	Description
🔐 Secure Authentication	Powered by Clerk, ensuring hassle-free sign-up, sign-in, and session management.
📝 Task Management	Create, edit, and delete tasks effortlessly with a clean and intuitive UI.
🗂️ Nested Todos	Break large tasks into smaller subtasks for better organization and tracking.
🤝 Collaborative Workspaces	Share tasks with teammates using invite codes. Everyone stays in sync, in real time.
🔄 Real-Time Updates	Any update made by a collaborator reflects instantly for all users.
🎨 Beautiful, Modern UI	Built using Tailwind CSS, Shadcn/UI, and Framer Motion for smooth animations.
🛡️ Type-Safe Architecture	Full TypeScript support on both frontend and backend ensures safer and more scalable code.
⚡ Optimized Performance	Built using Vite, ensuring blazing-fast development and build times.
📱 Fully Responsive	Works seamlessly on desktops, tablets, and mobile devices.

---

🛠️ Tech Stack

Category	Technologies
Frontend	React, Vite, TypeScript, Tailwind CSS, Shadcn/UI, Framer Motion
Backend	Node.js, Express.js, TypeScript
Database	MongoDB with Mongoose
Authentication	Clerk
API Layer	REST API
Deployment	Vercel (Frontend), Render / Railway (Backend)

---

🖼️ Screenshots

🧭 Dashboard

---

📝 Task View

---

🤝 Invite Collaboration

⚙️ Getting Started

Follow these instructions to get a local copy up and running for development and testing purposes.

Prerequisites

Make sure you have the following installed on your machine:

• Node.js (v18.x or higher)
• npm or yarn
• Git

Installation & Setup

1. Fork and Clone the Repository

   git clone [https://github.com/](https://github.com/)<your-username>/Taskify.git
   cd Taskify

2. Install Dependencies Install dependencies for both the frontend and backend.

   # Install backend dependencies
   cd backend
   npm install
   
   # Install frontend dependencies
   cd ../frontend
   npm install

3. Set Up Environment Variables Create a .env file in both the frontend/ and backend/ directories. Use the .env.example files as a template.

   Backend (backend/.env):

   PORT=8000
   MONGO_URI=your_mongodb_connection_string
   CLERK_SECRET_KEY=your_clerk_secret_key
   FRONTEND_URL=http://localhost:5173

   Frontend (frontend/.env):

   VITE_BACKEND_URL=http://localhost:8000
   VITE_CLERK_PUBLISHABLE_KEY=your_clerk_publishable_key

   Note: You can get your Clerk keys from the Clerk Dashboard.

4. Start the Development Servers

   # Run the backend server (from the 'backend' directory)
   cd backend
   npm run dev
   
   # In a new terminal, run the frontend server (from the 'frontend' directory)
   cd frontend
   npm run dev

   Your application should now be running locally at http://localhost:5173.

---

🤝 Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

To contribute:

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

---