Single page application with react
- At least 2 separate pages
- Notes list :
- Displays a list of records with initial data provided.
- Data shown on the note list :
- Note Title
- Created Date
- Note Body
- There is a conditional rendering where if there are no notes data, the UI displays a “No notes” message or any message indicating the notes data is empty.
- Notes Detail :
- Displays a single user-selected note from a list of active or archived notes.
- Using record id as path parameter in displaying record detail page.
- Notes that appear must match the id contained in the path parameter.
- The Record Details page must be directly accessible by using the URL.
- Can add new notes
- Can delete notes
- Validating properties with PropTypes
- Login / Register
- Active page
- Archive page
- CRUD Operation :
- Add notes
- Delete Notes
- Archive Notes
- Settings :
- Theme switcher
- Language switcher
