/Noto-app

Single page application with react

Primary LanguageJavaScript

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

Screenshot

login image image