Kanban Board

A modern, responsive Kanban board application built with React, TypeScript, and Vite. This project provides a clean and intuitive interface for managing tasks using the Kanban methodology.

🌐 Live Demo: kanban-board-6ty7.onrender.com

Features

• 🎯 Drag and drop functionality for seamless task management
• 💾 Local storage persistence for your boards
• 🎨 Modern UI with HeroUI components
• 📱 Responsive design that works on all devices
• 🌙 Dark mode support
• ⚡ Fast and performant with Vite

Tech Stack

• React 19
• TypeScript
• Vite
• HeroUI Components
• Tailwind CSS
• @hello-pangea/dnd for drag and drop
• React Router for navigation

Getting Started

Prerequisites

• Node.js (Latest LTS version recommended)
• npm or yarn

Installation

1. Clone the repository

git clone [your-repo-url]
cd kanban-board

2. Install dependencies

npm install
# or
yarn install

3. Start the development server

npm run dev
# or
yarn dev

4. Open your browser and navigate to http://localhost:5173

Available Scripts

• npm run dev - Start the development server
• npm run build - Build the project for production
• npm run preview - Preview the production build locally
• npm run lint - Run ESLint to check code quality

Project Structure

src/
├── components/     # Reusable UI components
├── pages/         # Page components
├── layouts/       # Layout components
├── types/         # TypeScript type definitions
├── utils/         # Utility functions
├── data/          # Default data and constants
├── styles/        # Global styles
└── config/        # Configuration files

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details.