https://github.com/bumbaiya/kanban

Kanban board made using Reactjs and tailwindcss to keep track of your tasks
https://github.com/bumbaiya/kanban

drag-and-drop kanban kanban-board-application react reactbeautifuldnd reactjs tailwindcss vite

Last synced: 3 months ago
JSON representation

Kanban board made using Reactjs and tailwindcss to keep track of your tasks

Host: GitHub
URL: https://github.com/bumbaiya/kanban
Owner: BUMBAIYA
License: mit
Created: 2023-02-03T10:43:26.000Z (over 2 years ago)
Default Branch: master
Last Pushed: 2024-11-29T11:49:53.000Z (6 months ago)
Last Synced: 2025-02-28T17:46:48.790Z (3 months ago)
Topics: drag-and-drop, kanban, kanban-board-application, react, reactbeautifuldnd, reactjs, tailwindcss, vite
Language: TypeScript
Homepage: https://kannban-board.vercel.app
Size: 278 KB
Stars: 9
Watchers: 1
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

README

# Kanban

Kanban board to keep track of projects and tasks

👉 [View live](https://kannban-board.vercel.app/)

## Dark Mode

![image](https://user-images.githubusercontent.com/85615075/216763229-716f7d20-0c97-40da-9977-aeb09a0fa283.png)

## Light Mode

![image](https://user-images.githubusercontent.com/85615075/216763268-c9d972f3-e80b-4acd-99a4-e298f4b4f606.png)

## Card Modal

![image](https://user-images.githubusercontent.com/85615075/216763287-f87e66a2-8f8a-4d54-8005-cd7208f3cdf4.png)

## Features ✨

- Drag & drop tasks
- Add List
- Add tasks to list
- Dark Mode

## Development setup 🛠

Steps to locally setup development after cloning the project.

```sh
git clone https://github.com/BUMBAIYA/Kanban.git
```

### Step 1 - Dependencies

You will need:

- [node](https://nodejs.org/)
- [yarn](https://yarnpkg.com/en/docs/install) (Optional. Not Required if you use NPM)

Please install them if you don't have them already.

### Step 2 - Install packages

If you are using yarn run from the root of the repository:

```shell
cd kanban
```

```shell
yarn
```

### Step 3 - Run app

Once the dependencies are installed, you can run the app:

```shell
yarn dev
```

Your browser should open up to a running app.

## License

Licensed under the MIT license.

---