https://github.com/okkjoo/react-kanban-board

A Kanban App with React
https://github.com/okkjoo/react-kanban-board

create-react-app draggable localstorage react sessionstorage typescript

Last synced: 18 days ago
JSON representation

A Kanban App with React

• Host: GitHub
• URL: https://github.com/okkjoo/react-kanban-board
• Owner: okkjoo
• Created: 2022-08-15T04:26:45.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-09-27T02:41:06.000Z (over 2 years ago)
• Last Synced: 2024-11-09T01:45:52.775Z (2 months ago)
• Topics: create-react-app, draggable, localstorage, react, sessionstorage, typescript
• Language: TypeScript
• Homepage: https://okkjoo.github.io/react-kanban-board/
• Size: 2.33 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React-kanban-board

A kanban App

![1660897906337](image/README/1660897906337.png)

![1660898131383](image/README/1660898131383.png)

![1664246369077](image/README/1664246369077.png)

## Features

- draggable

- All data is stored locally

- shortcut key

- light

## Tech stack & dependencies

- React

- [Create React App](https://github.com/facebook/create-react-app).

- TypeScript

- react-beautiful-dnd

- nanoid

## Development

### setup

```

git clone [email protected]:okkjoo/react-kanban-board.git

or

git clone https://github.com/okkjoo/react-kanban-board.git

cd react-kanban-board

yarn

```

### `yarn start`

Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

### TODO

- [ ] Jitter problem when dragging

- [ ] editable task

- [ ] Some animation effects

- [x] Topic switching function