https://github.com/tannerdolby/react-task-board

Task board with drag-and-drop functionality built with React and Redux
https://github.com/tannerdolby/react-task-board

react react-drag-and-drop redux task-board

Last synced: 9 days ago
JSON representation

Task board with drag-and-drop functionality built with React and Redux

• Host: GitHub
• URL: https://github.com/tannerdolby/react-task-board
• Owner: tannerdolby
• License: mit
• Created: 2023-09-02T02:07:09.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-02-24T21:45:16.000Z (9 months ago)
• Last Synced: 2024-05-01T17:34:57.558Z (7 months ago)
• Topics: react, react-drag-and-drop, redux, task-board
• Language: JavaScript
• Homepage: https://exquisite-starship-1b43af.netlify.app/
• Size: 257 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Task Board

[![Netlify Status](https://api.netlify.com/api/v1/badges/5d829858-9f8d-498f-b6ca-fac063cc9b24/deploy-status)](https://app.netlify.com/sites/exquisite-starship-1b43af/deploys)

Interactive task board built with React and Redux. Supports drag and drop for moving tasks to different columns. Click on a task from the board to see an expanded task view.

When adding new tasks and moving tasks to different columns on the board, your task board state is saved to local storage to maintain a temporary task history. Use the clear button or manually clear local storage to reset stored task board state.

Features:

- Search

- Download task board state to an output JSON file

- Drag and drop

- Persist tasks between tabs via local storage

## Demo

![Task board demo](https://github.com/tannerdolby/react-task-board/assets/48612525/c218c4ad-e479-4711-9119-74dd36390f3a)

### Kudos

Designed by Bartosz Piekarz on [dribbble](https://dribbble.com/shots/10864133-Task-Management-App/attachments/2519496?mode=media)