FastBoard is a modern, high-performance task management application built with Next.js 14, Tailwind CSS, and Shadcn UI. It features a beautiful drag-and-drop interface, dark mode support, and a premium user experience designed for speed and style.
- Intuitive Drag & Drop: powered by
@hello-pangea/dndfor smooth task organization. - Premium UI/UX: Glassmorphism effects, refined animations, and a carefully curated color palette.
- Dark Mode: Fully supported dark/light themes with a deep, rich dark mode experience.
- Task Management: Create, edit, delete, and categorize tasks with ease.
- Labels & Priorities: Organize with colored labels and priority indicators.
- Due Date Reminders: Visual cues for upcoming and overdue tasks.
- Statistics: Visual breakdown of task progress.
- Responsive: Works seamlessly on desktop and mobile.
- Framework: Next.js 15 (App Router)
- Styling: Tailwind CSS
- Components: Shadcn UI / Radix UI
- Icons: Lucide React
- Form Handling: React Hook Form + Zod
- Drag & Drop: @hello-pangea/dnd
- Utility: clsx, tailwind-merge, date-fns
- Node.js 18+ installed on your machine.
-
Clone the repository:
git clone https://github.com/ANUPAM4545/taskboard-pro.git cd taskboard-pro -
Install dependencies:
npm install --legacy-peer-deps
-
Run the development server:
npm run dev
-
Open your browser: Navigate to http://localhost:3000.
- Push your code to a GitHub repository.
- Log in to Vercel and import your project.
- Vercel will detect Next.js. Just click Deploy.
- Your application will be live in minutes!
To create an optimized production build:
npm run build
npm startContributions are welcome! Please feel free to submit a Pull Request.
This project is open source and available under the MIT License.