Quick Notes is a PWA pet project, that allows you to take notes and save them to your local machine. Functionality highlights
- Save notes to your local machine.
- Notes are converted to base64 when saved to your local machine.
- Export and import notes as JSON.
- Copy the active note with one button.
- Clear the note text area with one button.
- Toolbox menu to convert active note to upper or lower case. Trim option to remove excess white space.
- Quick save button.
- Status bar
- Switch wrap On or Off.
- Switch spell check On or Off.
- Zoom text area In and Out.
- Text area character count. Note content limit is set to 1 million charters.
- Current font size.
- Quick Notes is a 100% mobile friendly.
This web app is hosted at OpenApps.
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.
- Get Node JS setup and configured. See this link for guidance.
- Additional reading material at this link for getting started with React.
- Clone the project to your local machine.
- In the project folder, run
npm start
- Follow Create React App documentation for more information.
- OpenApps Founder - Initial work - GitHub
This project is licensed under the MIT License - see the LICENSE file for details.
- On the Open page (route)
- Add a back button near top area.
- Add note name search ability.
- Reorder note list by showing last 5 opened notes first.
- In Toolbox menu
- Rename Download Notes to Export Notes.
- Add new Export Current Note option.
- This will open the export page with the current note in JSON format.
- Now you can either copy the JSON or click new Share Note button.
- Share Note should allow for a couple of messaging app options.
- Add emoji picker to insert an emoji at cursor position.