Build Tasklight MVP: Kanban Boards

Source | Demo

A kanban boards which dispalys tasks within a budget.

Overview

Build with

• React
• Styled Components
• React Beautiful DND

Functionality

• Using Custom Hooks and Context API for state management.
• Display tasks in columns based on Status field.
• Allow user to Drag Tasks from one column to another.
• Show one Budget per board by filtering Tasks by Budget.
• Dropping a Task on a column updates the Status.

Installation (for local development)

Node.js & NPM;

# Clone this repository
$ git clone https://github.com/wearelighthouse/kanban-mvp.git

# Install dependencies
$ npm install

# Run the app
$ npm start

Figma

Here is Figma link.