A modern, responsive Kanban-style task board built with Next.js 15, TypeScript, and Tailwind CSS. Manage your tasks across different stages with smooth drag-and-drop functionality.
- Create, edit, and delete tasks with title and description
- Drag and drop tasks between columns (To Do, In Progress, Done)
- Data persistence using localStorage
- Fully responsive design for mobile and desktop
- Real-time task count per column
-
Fork the repository
-
Clone the repository
git clone https://github.com/username/kanban-board- Install Dependencies
npm install - Run the development server
npm run dev- **Navigate to
localhost://3000**
- Next.js 15 (App Router)
- TypeScript
- Tailwind CSS
- ShadCN
- dnd-kit
Thank you for considering contributing to Bloop! Whether you're fixing bugs, improving the UI, or adding new features — your contributions are highly appreciated. ❤️
Before jumping in, head over to the Issues section of this repository.
✅ I’ve already created multiple issues that are ready to be picked up.
🗨️ If you find an issue you'd like to work on, comment on it saying:
I want to work on this issue.
Then, you can start working on it. Once done, You can raise the PR for it.
✨ You’re also welcome to raise new issues if you spot a bug or have an idea for improvement — just make sure to provide enough context!
🛑Note:- If you face any problem in understanding the description on any pre-rasied issue, you can simply ask me.🛑
Follow these steps to contribute to the project:
-
Fork this repository by clicking the Fork button on the top right.
-
Clone your forked repo to your local machine:
git clone https://github.com/your-username/bloop.git cd bloop -
Create a new branch for your feature or fix:
git checkout -b your-feature-name- Make your changes in the codebase.
- Stage and commit your changes:
git add .
git commit -m "feat: meaningful commit message"- Push your branch to your GitHub fork:
git push origin your-feature-name- Raise a Pull Request from your fork to the main branch of this repo. Go to your fork on GitHub → Click Compare & pull request → Fill the PR form and submit.
- Keep pull requests focused on one issue or feature.
- Add clear and concise commit messages.
- Share screenshots or video demos for UI changes (if applicable).
Every contribution, no matter how small, brings value to this project and helps others learn. Let’s build something awesome together! 🚀
Sundaram Katare Connect on:-
- Linkedin = https://www.linkedin.com/in/sundaram-katare5/
- Twitter = https://x.com/sundaramkatare
Sundaram Katare
Built with 🧠