/offline-code-editor

Progressive Web App (PWA) that functions seamlessly both online and offline. With this application, developers can create and store notes or code snippets and retrieve them whenever needed, even without an internet connection.

Primary LanguageJavaScriptMIT LicenseMIT

Offline Code Editor

Module 19 - Progressive Web Applications (PWA) Challenge: Text Editor

License: MIT

Table of Contents

Description

This is a web-based text editor designed as a one-page application, accessible directly from your browser. The application meets Progressive Web App (PWA) criteria and incorporates a range of data persistence methods. These techniques provide backup solutions in case a particular option isn't compatible with the browser. Moreover, the application can be installed and is functional while offline, allowing usability regardless of your internet connection.

screenshot

Please remember to use Incognito mode!

To ensure accurate testing of the offline features for this application, kindly consider using Google Chrome's incognito mode or alternatevely open a new "guest session" in your browser. This will help prevent any interference from cookies, cache, or browser history that might affect the app's performance.

incognito

Features

  • Create and edit notes or code snippets with a user-friendly text editor.
  • Switch between online and offline modes and the text editor still functions in the browser without errors.
  • Static assets, including HTML, service workers, and manifest files, using webpack.
  • Click "Install: button to download the web application onto the desktop.
  • Utilize IndexedDB for immediate database storage upon opening the text editor.

Installation

Clone the repository:

git clone https://github.com/CypherNyx/offline-code-editor.git

Install the required dependencies:

npm install

Run the project in your local browser:

npm start

Technologies

JavaScript NodeJS Express.js

Webpack PWA Workbox

HTML5 CSS3 Heroku

Contributing

Pull requests are welcome. Please open an issue first to discuss any proposed changes or additions.

License

License: MIT

https://opensource.org/licenses/MIT
This project is open source and available under the MIT License.


Questions

GitHub Dahlia Guido
Email: dguido.dev@gmail.com