- Work in a fork of this repository
- Work in a branch on your fork
- Submit a pull request to this repository
- Submit a link to your pull request on canvas
- Submit a question, observation, and how long you spent on canvas
Create the following components and structure them according to the following diagram.
App
Landing
Dashboard
NoteForm
NoteList
Noteitem
- The app component should manage the frontend routes and have a navbar
- the
/
route should display theLanding
component - the
/dashboard
route should display theDashboard
component
- The landing component should display a brief description of the to do app
- The dashboard component should manage the entire application state.
- The state should contain a notes array
- It should have a bound
addNote(note)
method that adds a note tostate.notes
- each note that is added should have the following data
id
: always should contain the result ofuuid.v1()
content
: user provided contenttitle
: user provided title
- each note that is added should have the following data
- It should have a bound
removeNote(note)
method that removes a note fromstate.notes
based on itsid
onComplete
the NoteForm should add a note to the application state
- should display an unordered list of NoteItem components
- should display the notes content and title
- should display a delete button
onClick
the note should be removed from the application state
- Test Dashboard
- Test the initial state
- Test NoteForm
- Test the initial state
Write a description of the project in your README.md