Visit live website here
This app was created in order to practice MVC architecture. The result is a fully-functioning note-taking app that allows users to take and save notes to their browser. It is done completely with Vanilla JS, CSS, and HTML. It is entirely front-end. This app uses the user's browser's localStorage to store notes from previous sessions.
User can enter text into a text area to take a note. The note can then be saved. It will be displayed below the input are alongside other notes. Notes will be shown in a uniform manner. Notes can be seen with more detail (via button or clicking the element). A modal window will then show the note in full detail. Notes can also be deleted.
✅ = Implemented | ⭕ = Not Complete
✅ Input field - text area
✅ New Note Button
✅ Note editing view
✅ Display notes in a fluid main view
✅ Click on note to show in more detail
✅ Delete notes either during editing or in main view
✅ Change the color of notes in edit notes view or in main view using a custom color picker
✅ Notes are saved to localStorage so that users can manage past notes
✅ Allow users to enter multi line text into notes
✅ Use JSDoc notation to document code
This app uses JSDoc for notation and documentation, but does note require 3rd party apps for actually running the application. It can be installed and run on any computer with a browser.
You can use your favorite local-server app/extension to run this code. Or, you can simply open "index.html" in the "src" folder to use the app.
Alternatively, this app is available Netlify for viewing and usage anywhere (see Github Project "About" section).
JSDoc documentation can be found here.