This is a Next.js app that is a kanban board for managing documents.
View the application at the link
The user can create and delete documents, filter by title, and drag and drop documents between columns to change their status.
Redux Toolkit was used for state management. The react-beautiful-dnd library was used to create an interactive drag-and-drop interface.
- Board with three columns:
- In progress
- Under review
- Completed
Documents are displayed in the corresponding column.
- Drag and drop: the ability to drag documents between columns.
- Add document: the ability to add a new document to the "In progress" column.
- Saving data to local storage (LocalStorage).
- Added animation when moving documents.
- Added filtering of documents by title from one field across all columns at once.
- Git clone this repository to your computer;
- Make sure that you have node.js and npm installed;
- Run the development server:
npm run devOpen http://localhost:3000 with your browser to see the result.