Text Editor
Progressive Web Application (PWA)
Noter is a user-friendly and reliable text editor designed for coders. With Noter, you can easily create and manage your notes and code snippets with or without an internet connection. Whether you need to quickly jot down an idea, write a complex code snippet, or organize your thoughts and projects, Noter provides you with a seamless and intuitive experience.
Click <> code - the green button. After clicking, in the local tab, copy the SSH key. Open the terminal in your Macbook or git bash, if you have Windows/Linux, and type:
git clone [paste ssh key]Open the project in VS Code and make sure you are in the directory of this application before installing the dependencies. To install it, type the commands below on your terminal:
npm iOnce you run this, npm will begin the installation process of all of the current project's dependencies.
The following animation demonstrates the application functionality:
The following image shows the application's manifest.json file:
The following image shows the application's registered service worker:
The following image shows the application's IndexedDB storage:
Launch the application by entering the command below on your terminal:
npm run startAfterward, a similar output should appear in your terminal:
After bundling the files, a newly created folder named dist should be visible to you.
At this point, the Service Worker ought to be registered within the scope, enabling access to Noter through the following URL: http://localhost:3001/.
However, if you happen to access the application via its official website, you can effortlessly proceed to the enjoyable part and create any content you desire, without the need for an internet connection.
Furthermore, Noter offers the option to install the application on your device. To proceed with the installation, click on the "install" button located in the upper left-hand corner of the screen, and immerse yourself in the experience!
For questions and support feel free to contact me via:
Want to report a bug, contribute some code, request a new feature, or improve the documentation? You can submit an issue and I will gladly welcome you as a contributor, but before submitting an issue, please search the issue tracker, as it may already exist!
Our Code of Conduct follows the same principles as the Contributor Covenant, version 2.1.
- Learn PWA
- Chrome Developers - Service Worker
- Invisible Heroes
- MDN Web Docs for Service Worker API
- Service Worker Overview
- Service Workers in Javascript
- What Are Service Workers and How to Use Them?
- Node.js
- NPM
- Express.js
- Webpack
- Workbox
- Manifest.json
- Deploy your Webpack apps to Heroku in 3 simple steps
Please refer to the LICENSE in the repo.