Awesome Text Editor (PWA)

Description

A Progressive web application(PWA) that allows users to create notes or code snippets with or without an internet connection so they can reliably retrieve them for later use.

Support the project ⭐

If you feel generous and appreciate some of my work Buy me a coffee

Table of Content

• Purpose
• Installation
• License
• Built with
• Screenshots
• website link
• Additional Information
• Contributions

Purpose

With this text editor web application,

• when you open my application in the editor, you should see a client-server folder structure
• when you run npm start from the root directory you find that my application should start up the back end and serve the client
• when run the text editor application from my terminal, you find that my JavaScript files have been bundled using webpack
• when you run your webpack plugins, you find that I have a generated HTML file, service worker, and a manifest file
• when you use next-gen JavaScript in my application you find that the text editor still functions in the browser without errors
• when you open the text editor you find that IndexedDB has immediately created a database storage
• when you enter content and subsequently click off of the DOM window you find that the content in the text editor has been saved with IndexedDB
• when you reopen the text editor after closing it, you find that the content in the text editor has been retrieved from our IndexedDB database
• when you click on the Install button you download my web application as an icon on my desktop
• when you load the web application, you automatically register a service worker using workbox
• when you register a service worker, your static assets get precached upon loading along with subsequent pages and static assets
• when you deploy to Heroku, you have the proper build scipts for a webpack application.

Installation

To set up and utilise this project. Take the following steps.

• Step 1: Clone this repository. you can do this by running git clone https://github.com/FOR-TIMI/AwesomeEditorPWA.git in your terminal
• 
• Step 2: Install dependencies by running the npm install command in the command line
• Step 3: Open your code editor by running the command code .
• step 4: Start the server by running npm start in the terminal

License

MIT License

Built With

• HTML
• CSS
• Express
• JavaScript
• Heroku
• IndexDB
• service workers

Screenshots

• 
• 
• 
• 
• 
• 

Support the project ⭐

If you want to support me, please consider following me, starring and sharing the repo! This helps us getting known and grow the community. 🙏

Website Link

https://salty-everglades-36024.herokuapp.com/

Additional Information

• For additional questions contact me via email on [email protected]
• If you found this project somewhat useful, please feel free to follow me, add a star to this project so i know who you are and view some other projects.

Contribution

Made with ❤️ by Timi