Skip to content

amritkarma/kanban-pro-react

Repository files navigation

Kanban Pro 🧩

A sleek and modern Kanban board built with React, Vite, TypeScript, and Tailwind CSS. Manage tasks across stages with drag-and-drop support, theme switching, and a clean, responsive UI.


Preview

Kanban-Pro-React

Kanban Board

🌐 Frontend – Vite + React

This project leverages a modern web stack:

  • ⚛️ React with TypeScript
  • ⚡ Vite for fast builds and HMR
  • 💅 Tailwind CSS for utility-first styling
  • 📦 Drag-and-drop support powered by @hello-pangea/dnd

✨ Features

✅ Light & Dark Theme Toggle
✅ Responsive UI for all devices
✅ Type-safe codebase with TypeScript
✅ Reusable and modular components
✅ Effortless drag-and-drop for task management


🚀 Getting Started

Follow the steps below to run the project locally:

1. Clone the Repository

git clone https://github.com/amritkarma/kanban-pro-react.git
cd kanban-pro-react

2. Install Dependencies

npm install

3. Start Development Server

npm run dev

📁 Project Highlights

🎨 Minimal and Clean UI — Aesthetic and functional task interface
📱 Fully Responsive — Works on desktops, tablets, and phones
🧩 Component-Based Architecture — Reusable and modular design
🌓 Dark Mode Toggle — Built-in theme switching
🔠 Strong Typing — Safer and scalable development with TypeScript
🔄 Drag-and-Drop Tasks — Smooth reordering using @hello-pangea/dnd


📄 License

Licensed under the MIT License.
You are free to use, modify, and distribute this project for personal or commercial purposes.


👨‍💻 Author

Crafted with care by Amrit Vishwakarma
@amritkarma


🤝 Contributions

Pull requests and feature suggestions are welcome!
Please open an issue to discuss any major changes beforehand.

About

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published