Skip to content

Latest commit

 

History

History
19 lines (15 loc) · 918 Bytes

README.md

File metadata and controls

19 lines (15 loc) · 918 Bytes
Raw

Kanban App

Image

  1. Basic HTML/CSS layout - start branch
  2. Finished React app layout - layout branch (Lab 1: Solution)
  3. Functional Kanban App - final branch (Lab 2: Solution)

Lab #1: Create a React app to mimic the layout of the Kanban app

  1. App setup with Create React App
  2. Create App, Column, Card, AddCardBtn components
  3. The columns should be titled as in the picture
  4. Cards and Columns should be rendered programmatically, vs. statically
  5. The Done column cards do not have right arrow button. The To do column cards do not have the left arrow

Lab #2: Make the app functional

  1. Add a Card button should prompt the user to enter text which creates a new card on the list
  2. The right and left arrow buttons should move the card on the next column of the kanban board
  3. Extra credit: double-clicking the card should prompt to edit the card