/Tec19PWATextEditor

This App is a simple Text Editor deployed as a PWA, you can use it in your browser or install it in your computer.

Primary LanguageJavaScript

PWA Text Editor

Table of Contents

  1. Description
  2. Stack
  3. App Link
  4. Usage
  5. Credits
  6. License

Description

This App is a simple Text Editor that runs in your browser and can be installed as a PWA and work offline.

Stack

JavaScript

HTML

CSS

Express JS (link)

Webpack (link)

Heroku (link)

App Link

Use this link to access the App: Adrian Strozzi - PWA Text Editor

Usage

1 - You can clone or download this repo as a ZIP file:

git clone https://github.com/adrianstrozzi/Tec19PWATextEditor.git

2 - Once you have downloaded the App use the following command in your terminal to install the required dependencies:

npm install

3 - Once dependencies have been installed run the following command to start your local server:

npm run start

4 - You can now see the App:

mainpage

5 - You can also use the included link to the deployed application in Heroku:

https://text-editor-adrian-strozzi.herokuapp.com/

6 - You can write anything in the App and refresh and the data will be saved in the IndexedDB:

mainpage

7 - You can clear the storage by opening to DevTools in Chrome:

mainpage

8 - You can also install this App as a PWA, just click in the Install Button and it will be downloaded:

mainpage

9 - This is how the PWA will look:

mainpage

10 - You can use this App without internet connection.

Credits

Adrian Strozzi: https://github.com/adrianstrozzi

License

© 2022 Adrian Strozzi⚡