📋 TaskFlow – Project Management Dashboard

TaskFlow is a sleek, Trello/Asana-style project management dashboard built for modern teams who demand real-time collaboration, intuitive UI, and powerful task control — all backed by open-source simplicity.

• 🔧 Built with: Next.js, Supabase, TailwindCSS, React Query
• 🧾 License: MIT
• 🌐 Live Demo: https://your-project-name.vercel.app

🚀 Tech Stack

• Frontend: Next.js
• Backend: Supabase (DB & Auth)
• Styling: TailwindCSS, Headless UI
• State Management: React Query
• Hosting: Vercel

🔑 Core Features

• 🔐 Authentication via Supabase
• 🔄 Real-time Task Updates
• 🛠️ Full CRUD for Tasks & Projects
• ⬆️ Drag-and-Drop Task Reordering
• 🌙 Dark Mode Support
• 📱 Fully Responsive UI

🧩 Setup & Installation

1. Clone the repository:
   git clone https://github.com/victortterry/TaskFlow.git
cd TaskFlow
2. Install dependencies:
   npm install
3. Configure Supabase:
   - Go to Supabase and create a new project.
   - Set up the following tables:
   • tasks: with columns like id, title, status, created_at, project_id
   • projects: standard project info
   - Get your Supabase URL and anon/public API key.
   - Add them to a .env.local file:

   NEXT_PUBLIC_SUPABASE_URL=your-supabase-url
   NEXT_PUBLIC_SUPABASE_ANON_KEY=your-supabase-anon-key

4. Run the development server:
   npm run dev
   Open http://localhost:3000 in your browser.

☁️ Deploy on Vercel

1. Push your code to GitHub.
2. Go to vercel.com and import the repository.
3. During setup:
   - Add your .env.local variables to the Vercel dashboard.
   - Click Deploy.

✅ Your app will be live at https://your-project-name.vercel.app

💡 Development Tips

• Supabase Auth handles user sign-in
• React Query manages task/project fetching & mutations
• Styling uses utility-first classes with TailwindCSS
• Dark mode toggles via global state and Tailwind's dark class

📄 License

This project is licensed under the MIT License.

👤 Author

Built and maintained by Victor Terry