Noto-app

Single page application with react

To do

• 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

Feature

• Login / Register
• Active page
• Archive page
• CRUD Operation :
  • Add notes
  • Delete Notes
  • Archive Notes
• Settings :
  • Theme switcher
  • Language switcher

Deploy

• github

Screenshot