Trello Kanban Front-End

Setting up the program locally

1. Clone the project to your computer.
2. Run npm install or npm i to install the relevant module dependecies required for the program to run.
3. To run the program on development, use the command npm run start.

Testing locally

1. Head to http://localhost:3000/trello-kanban-frontend/ to view the webpage in development.

Features

At the index page, the user should be able to:

1. Add a new board
2. Click on a new board

At the board page, the user should be able to:

1. Click on the title of the board and edit it.
2. Add draggable items to either the todo, in progress or done column.
3. Drag and drop the draggable items across the 3 columns.
4. Change the maximum number of items as long as it is within the width limit of the column.
5. Delete draggable items by clicking on the delete icon on each draggable task.

Viewing it in production

1. Head to https://soloplxya.github.io/trello-kanban-frontend/ to view the webpage in production.

Prototype

A figma prototype of the end product is available for viewing here. Alternatively, you can refer to a screenshot of the prototype below: