A collaborative task board application inspired by Trello, built with the MERN stack (MongoDB, Express, React, Node.js). This project demonstrates full-stack web development proficiency with modern best practices.
TaskBoard is a task management application that allows users to organize their work using boards, columns, and cards. Users can create multiple boards, add tasks as cards, organize them into columns (To Do, In Progress, Done), and move cards between columns. All data is persisted in MongoDB, ensuring tasks are saved across sessions.
- Multiple Boards: Create, rename, and delete multiple project boards
- Card Management: Add, edit, delete cards with title and description
- Board Switching: Easy navigation between different boards
- Data Persistence: All changes saved automatically to database
- Drag-and-Drop: Smooth card movement between columns using @dnd-kit library
- Animations: Smooth transitions and visual feedback during interactions
- React Components: Modular component structure (Board, Column, Card components)
- MongoDB Integration: Persistent data storage with Mongoose ODM
Total Time Spent: Approximately 5-7 hours
Frontend:
- React 18
- @dnd-kit/core for drag-and-drop
- Axios for API communication
- CSS3 for styling
Backend:
- Node.js
- Express.js
- MongoDB with Mongoose
- dotenv for environment variables
- CORS for cross-origin requests
https://taskboard-fkt6.onrender.com/