Noshen — Your Personal Notes

Context & Challenge

This project is the final submission from Dicoding Indonesia Class Course "Belajar Membuat Aplikasi Web dengan React". Noshen is a web application that can be used to write notes. Personal Notes Apps, Build With Create React App (CRA).

Architecture & Scope

1. The application is able to display a list of notes using the initial data provided. The note data is stored using component state, and the array map technique is utilized to display the list of notes.
2. The application should be able to add new note data. It should utilize controlled component to create the input form. The note data is only stored in memory (will be lost if the browser is refreshed). The saved note data is a JavaScript object.
3. The Ability to Delete Notes: The application should provide a delete button to remove the stored note data. There is a conditional rendering where if there is no note data available, the UI will display a message "No notes" or any message that indicates an empty note data.
4. The application includes a search feature for notes.
5. The application has a character limit feature for the Note Title input.
6. The application also has a "Note Archive" feature.