https://github.com/arunava2018/taskify
A full-stack 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.
https://github.com/arunava2018/taskify
clerkauth express framer-motion mongodb nodejs reactjs shadcn-ui socket-io typescript vite
Last synced: 2 months ago
JSON representation
A full-stack 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.
- Host: GitHub
- URL: https://github.com/arunava2018/taskify
- Owner: arunava2018
- Created: 2025-09-28T18:06:38.000Z (9 months ago)
- Default Branch: master
- Last Pushed: 2025-10-30T05:06:51.000Z (8 months ago)
- Last Synced: 2025-10-30T07:08:56.622Z (8 months ago)
- Topics: clerkauth, express, framer-motion, mongodb, nodejs, reactjs, shadcn-ui, socket-io, typescript, vite
- Language: TypeScript
- Homepage: https://taskify-mu-indol.vercel.app
- Size: 1.44 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🧩 Taskify
**Organize smart. Collaborate better. Build faster.**
About ·
Features ·
Tech Stack ·
Screenshots ·
Getting Started ·
Folder Structure ·
Contributing
---
### 🚀 Live Demo
👉 [**Try Taskify Live**](https://taskify-mu-indol.vercel.app/)
---
**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](https://nodejs.org/en/) (v18.x or higher)
* [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/)
* [Git](https://git-scm.com/)
### Installation & Setup
1. **Fork and Clone the Repository**
```bash
git clone [https://github.com/](https://github.com/)/Taskify.git
cd Taskify
```
2. **Install Dependencies**
Install dependencies for both the frontend and backend.
```bash
# 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`):**
```env
PORT=8000
MONGO_URI=your_mongodb_connection_string
CLERK_SECRET_KEY=your_clerk_secret_key
FRONTEND_URL=http://localhost:5173
```
**Frontend (`frontend/.env`):**
```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](https://dashboard.clerk.dev/).
4. **Start the Development Servers**
```bash
# 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
---