React simple usage of react-beautiful-dnd + reducer hook.

Feature

• Add / Delete a card.
• Change card order (with drag and drop).
• Add an item.
• Delete an item (with drag and drop).
• Reorder item in a card (with drag and drop).
• Change item from card (with drag and drop).

Usage

This project was bootstrapped with Create React App.

• npm start Runs the app in the development mode.
• Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits. You will also see any lint errors in the console.

TODO

• Search bar
• Delete button
• reducer
• data with id (generate with nanoid ?)
• usereducer (3 actions)
• add board
• delete board
• draggable board with reorder
• usereducer +add/delete board action
• board name validation (board dont have an id so..)
• props type and refactor component structure
• Move the 'add card component' in the card container on the right.