This project is a feature-rich, full-stack Trello clone built with modern web technologies. It provides a flexible and intuitive Kanban-style board for managing tasks and workflows, allowing users to create, organize, and track their work seamlessly. The application supports drag-and-drop functionality for both columns and tasks, real-time updates, and a modular architecture that makes it easy to extend and customize.
- Authentication: Secure user authentication is handled by Clerk, ensuring that all user data is protected and accessible only to authorized individuals.
- Dashboard: The central dashboard provides a comprehensive overview of all boards, displaying key metrics such as the total number of boards, tasks, and completed tasks. Users can easily view their boards in either a grid or list format.
- Board Management: Users can create, edit, and delete boards as needed. Each board can be customized with a unique name, description, and background color, allowing for clear visual organization.
- Task and Column Management: Within each board, users can create, edit, and delete columns and tasks. The application supports drag-and-drop functionality, enabling users to reorder columns and move tasks between columns with ease.
- Persistence: All board, column, and task data is stored in a database, ensuring that the application state is preserved across sessions. This guarantees a consistent and reliable user experience.
To get the project up and running on your local machine, follow these simple steps.
Make sure you have the following software installed on your system:
- Node.js
- pnpm or npm.
- Clone the repository:
git clone https://github.com/GouravNG/Kanban-board.git
- Navigate to the project directory:
cd Kanban-board - Install the dependencies:
or
npm install
pnpm install
- Start the development server:
or
npm run dev
pnpm run dev
- Open your browser and navigate to
http://localhost:3000to see the application in action.