kaohman / listy Goto Github PK

• Long conditionals/renders - esp. NoteForm
• Fix Router bugs
• Remove console logs
• Finish READ ME
• Final styling

• The note form should pre-populate with all of the information from that note. ie. If that note has 5 list items, those 5 list items should be populated in the form.
• The user can edit the note exactly as specified above under /new-note.
• A form should be saved when the user clicks the save button.

• Actions
• Reducers
• Map state/dispatch in all containers

• Create actions
• Create reducers
• Combine reducers
• Create Store

• build out NotesSection functionality - map through notes
• Hook up to Redux - notes
• Add testing

• The user can add a title to the note.
• The user can dynamically add an indefinite number of list items for that note.
• The user can dynamically remove any or all of those list items (one at a time).
• The user can delete the note (similar to the archiving in the gif below), and when they delete the note, they should be returned back to the home page.
• The user can mark list items as completed. When they do so, the completed list item should move to the bottom of the form.
• A form should be saved when the user clicks the save button.

• create repo
• get /notes - Responds with all of the notes stored on the server.
• post /notes - Used for creating notes.
• put /notes/:id - Update note
• Responds with all of the notes stored on the server.
• get /notes/:id - Responds with the note that has the id provided via the params.
• delete /notes/:id - Deletes the note that has the id provided via the params.
• Responds with a status code and message that the note was successfully deleted.

Error:

TypeError: Cannot read property 'props' of undefined
render
src/Containers/Note/Note.js:24:12
21 | const { id } = match.params
22 | const note = this.props.notes.find((note) => note.id === id)
23 | if (note) {

24 | return <NoteForm {...note} />
| ^ 25 | }
26 | }}
27 | />

• Add a button to the card which will change the card’s color. Google Keep also has that functionality.
• Add drag and drop functionality that allows you to change the order of notes on the page.
• Remove the save button.
• Instead, a note should be saved on both keypress and blur of the form.
• This is similar to how both Google Forms and Google Keep save forms/notes.
• hint: You won’t want to make a request every time a user presses a key, so you may need to implement a queue based on a timer.

• build out NotesForm functionality
• Hook up to Redux - addNote, removeNote, updateNote, setError, setLoading
• Add Router links/routes - '/new-note', '/notes/:id'
• Add testing

• build out Note functionality
• Hook up to Redux thunks
• Add Router links/routes - '/notes/:id'
• Add testing

• Add fetch calls to backend in componentDidMount
• build out App functionality
• Hook up to Redux - error, loading, setNotes, setLoading, setError
• Add Router links/routes - '/', '/new-note', '/notes/:id'
• Add testing