This is the result of following a tutorial from freeCodeCamp.org on youtube. Link to video
This is a dynamic webpage made using ReactJs. In this case, an existing code base was provided to practice adding new features onto it. The features that were added onto the existing application was:
- Save and sync notes on the browser localStorage
- Make the first line of each note into its title in the sidebar
- Make the most recently edited note the top note in the sidebar
- Delete notes
A preview of the page is shown below.
Save and sync notes to the browser
First line in note becomes its title in sidebar
Most recently edited note becomes the top note
delete button appears when hovered over a note
note is deleted