/not-trello

A rapid development project, built in react, for managing tasks

Primary LanguageCSS

Rapid React Task Manager

A task management project (Trello style).

There are four initial columns: "To Do", "In Progress", "Testing", and "Done"
A user can add, edit, or remove a column (unless it is the only column left).
When a column has no cards, there is an empty state.
You can add a new card to the first column.

A user can create, update, or delete a card
Creating a new card assigns it to a column
A user can move a card from column to column

Components

Board
Props: Columns(Array)

Column
Props: Cards(Array), Column(Object) Internal State: editing(Boolean)

Card
Props: Card(Object)
Internal State: editing(Boolean)

AddButton
@action: 'addCard'(card)

RemoveButton
@action: 'removeCard'(card)

MoveButton
@action: 'moveCard'(type, [oneOf card/column] ,direction)

Actions

Cards:
'addCard'_

'removeCard'

'updateCard'

'moveCard'

Columns:
'addColumn'

'removeColumn'

'updateColumn'

'moveColumn'

columns, direction,

Available Scripts

In the project directory, you can run:

npm start

npm test

npm run build

npm run eject

Note: this is a one-way operation. Once you eject, you can’t go back!