ProjectFlow is a modern, high-performance project tracker application designed with a sleek "Obsidian" dark theme. It enables seamless task management, realtime collaboration, and powerful filtering capabilities.
- Dynamic Kanban Board: Visualize workflow stages with drag-and-drop precision to move tasks between columns instantly.
- Infinite Lists: Handle deep datasets with lightning-fast virtual scrolling and instant filters.
- Temporal Mapping (Timeline): Plan your roadmap on a fluid Gantt timeline synced to your team's real capacity.
- Live Dashboard: Get realtime insights into task completion, team workload, and project progress.
- Persistent State Management: Built-in persistence for all stores (Tasks, Projects, Settings, UI state) avoiding data loss on reloads.
- Powerful Filtering: Project-level filtering, priority filtering, and due date tracking built right into the core architecture.
- Framework: React 19 + Vite
- Styling: Vanilla CSS & TailwindCSS (Utility classes) + Custom "Obsidian" Dark Theme
- State Management: Zustand with Persistence Middleware
- Routing: Built-in bespoke view state management
- Icons: Google Material Symbols
Make sure you have Node.js installed on your machine.
- Clone the repository:
git clone https://github.com/Trunal2005/ProjectFlow.git cd ProjectFlow - Install the dependencies:
npm install
- Start the development server:
npm run dev
The application will be available at http://localhost:5173.
Note: Please add your project dashboard screenshot to the
public/folder and name itscreenshot.pngto have it displayed here!
To create a production-ready build:
npm run buildThis command outputs the built files to the dist directory, which can be served on any static hosting service like Vercel, Netlify, or GitHub Pages.
Contributions, issues, and feature requests are welcome!
This project is open-source and available under the terms of the MIT License.