https://github.com/alok-mishra143/kanban-board
Kanban-board to manage your tasks
https://github.com/alok-mishra143/kanban-board
kanban-board reactjs typescript
Last synced: 7 months ago
JSON representation
Kanban-board to manage your tasks
- Host: GitHub
- URL: https://github.com/alok-mishra143/kanban-board
- Owner: alok-mishra143
- Created: 2024-02-16T15:59:34.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-20T16:44:34.000Z (over 1 year ago)
- Last Synced: 2025-01-13T19:46:06.546Z (9 months ago)
- Topics: kanban-board, reactjs, typescript
- Language: TypeScript
- Homepage: https://kanban-board-lilac-eight.vercel.app
- Size: 75.2 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Kanban Board 📋
Welcome to the Kanban Board project! This project is designed to help you efficiently manage your tasks using a visually appealing Kanban board. It's built with Vite, React, and TypeScript to provide a robust and modern development experience.
## Features 🚀
- **Intuitive Kanban Board**: Organize your tasks into customizable columns to track their progress.
- **Drag-and-Drop**: Easily move tasks between columns with a simple drag-and-drop interface.
- **Responsive Design**: Enjoy a seamless experience on various devices, from desktops to smartphones.
- **TypeScript Support**: Leverage the power of TypeScript for enhanced code quality and developer productivity.
- **Vite & React**: Built with Vite for fast development and React for a powerful and flexible user interface.
## Getting Started 🛠️
Follow these steps to get the Kanban Board up and running on your local machine:
1. **Clone the repository**:
```bash
git clone https://github.com/alok-mishra143/Kanban-board.git
```
2. **Navigate to the project folder**:
```bash
cd Kanban-board
```
3. **Install dependencies**:
```bash
npm install
```
4. **Run the development server**:
```bash
npm run dev
```
Open your browser and go to `http://localhost:5173/` to view the Kanban Board.
## Project Structure 📁
The project follows a straightforward structure:
- **src**: Contains the main source code of the application.
- **components**: Reusable React components used throughout the project.
- **icons**: contain the icon that use in project
- **lib**: basic function and interface that use in project
- **styles**: CSS stylesheets for styling the application.
Feel free to explore and modify the code to suit your needs!
## Contributing 🤝
We welcome contributions to make this Kanban Board even better! If you have ideas for new features, bug fixes, or improvements, please open an issue or submit a pull request.