Skip to content

azizali/react-kanban

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

Kanban Board

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published