Introduction
Challenge problems are a great way to practice your problem solving skills!
In this intermediate challenge we will be asked to create a note taking application that saves the content automatically after you stop typing.
To get the most of this challenges I recommend you attempt it on your own. Once you have given it a try, you can watch my solution.
Or if you're just interested in watching me code, that is fine as well!
Challenge
In this intermediate challenge, you'll want to do the following:
- Implement a rich text editor into your application (VueQuill is a great library for Vue 3).
- Output the rich text editor's content into the application (preview).
- Be able to remove the rich text editor content.
- Save the rich text editor content to localStorage automatically after not typing for a fixed amount of time to view even if page is refreshed.
You don't need to focus on the style of this application to much, just the functionality. However, feel free to work back and improve the UI of the application later.
Bonus
If you want to take this a step further, you can turn this into a full note CRUD application using localStorage or a Firebase.