A sleek, fast, and intuitive task management application built during the RED Summer 2025 marathon
- 🎯 Project-based Task Organization - Group and manage tasks by projects
- 📊 Task Status Tracking - Monitor progress with visual indicators
- 🔄 Real-time Sync - Data synchronization via Supabase
- 📱 Responsive Design - Works seamlessly on all devices
- 🌙 Dark/Light Theme - Beautiful theme switching
- 🚀 Modern UI/UX - Clean, intuitive interface
- ⚡ Fast Performance - Built with Next.js 14 and optimized for speed
- Framework: Next.js 15
- Language: TypeScript
- Styling: Tailwind CSS + shadcn/ui
- State Management: Zustand
- Icons: Lucide React
- Database: Supabase (PostgreSQL)
- Authentication: Supabase Auth
- Real-time: Supabase Realtime
- API: Next.js API Routes
- Package Manager: Bun
- Linting: ESLint
- Formatting: Prettier
- Type Checking: TypeScript
- Node.js 18+ or Bun
- Supabase account
-
Clone the repository
git clone https://github.com/yourusername/taskhub.git cd taskhub -
Install dependencies
bun install # or npm install -
Set up environment variables
cp .env.example .env.local
Fill in your Supabase credentials:
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key SUPABASE_SERVICE_ROLE_KEY=your_service_role_key
-
Run the development server
bun dev # or npm run dev
taskhub/
├── src/
│ ├── app/ # Next.js app router
│ ├── components/ # Reusable UI components
│ ├── sections/ # Page sections and features
│ ├── services/ # API and external services
│ ├── store/ # State management
│ ├── types/ # TypeScript type definitions
│ └── utils/ # Utility functions
├── public/ # Static assets
├── supabase/ # Database configuration
└── components.json # shadcn/ui configuration
This project is licensed under the MIT License - see the LICENSE file for details.
If TaskHub has been helpful to you, please consider giving it a star! ⭐
- Built during the RED Summer 2025 marathon
- Inspired by Task Management Web App – UI Design
Made with ❤️ during RED Summer 2025
