Second Version - v0.2.0

What's Changed

Bug Fixes

• Removing console.logs 👀
• Replacing Math.random with note.id as key prop.
• Fixing exampleNote's static date and time: Now whenever it's generated, the current date on user's device will be displayed instead of 00:00 - 01/01/23.
• Changing date format to DD/MM/YY.
• Search bar is no longer case sensitive.
• Displaying notes in chronological order (newest first).
• Fixing time's validation so when the hours or the minutes is less than 10 then add a 0 at start.
• Adding some focus styling for keyboard users and accessibility.

New Additions

1. Sorting Filters

• I've added 4 sorting filters which can help the user to sort notes according to their needs. The 4 options are:
  1. Date (Latest to Oldest)
  2. Date (Oldest to Latest)
  3. Alphabetically (A-Z)
  4. Alphabetically (Z-A)

2. Edit a saved note

• Users can now edit a saved note just like they would add a new note.

3. Error Handling for saved notes

• Added try...catch... to ensure user can still access the site even if the browser doesn't support localStorage.

4. Saving new note when Enter key is pressed

• User can now save new note on pressing Enter key. To add an extra space, hold Shift key and press Enter.

5. Focusing automatically on text input

• The focus will be on text input when the page is refreshed or visited for the first time.
• The focus will be sent back to text input when user saves a new note.
• The focus will be on the edit note text input when the edit key is clicked.

6. Saving user's theme preference

• User's theme preference (dark/light) will be saved in localStorage so when they visit the site again it should remain the same.

7. New error message pop

• Instead of showing the error in placeholder of new note, now an error popup will be displayed.

8. Adding text editing options

• Using ReactQuill library, users have some options to make their text a bit fancy e.g. bold, italic..

9. Adding new animations

• Added couple new animations when user creates a new note, deletes it or edit it.

---

Full Changelog: v0.1.0...v0.2.0