Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/egarrisxn/pwa-text-editor

Progressive Web Application Text Editor, using Express, IndexedDB, Node.js, Webpack, JavaScript, & more.
https://github.com/egarrisxn/pwa-text-editor

babel concurrently css express expressjs html indexeddb javascript node nodejs pwa webpack

Last synced: 3 months ago
JSON representation

Progressive Web Application Text Editor, using Express, IndexedDB, Node.js, Webpack, JavaScript, & more.

Awesome Lists containing this project

README

        

# PWA Text Editor

![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg) ![GitHub repo size](https://img.shields.io/github/repo-size/egarrisxn/pwa-text-editor)

_Initially created in the spring of 2023 for my UCF Full-Stack Web Development Bootcamp._

## Description

This is a browser-based Progressive Web Application (PWA) that can run offline and be installed onto your local machine. This application incorporates various methods to ensure data persistence, allowing it to run smoothly even when certain browser functions are not supported.

![01-manifest](https://github.com/EGARRISXN/pwa-text-editor/assets/126130230/156c1269-9b76-4143-b1ef-162e79e5b4af)

## Technologies

- **IndexedDB**
- **Express**
- **Node.js**
- **Webpack**
- **Concurrently**
- **JavaScript**
- **HTML5**
- **CSS3**
- **Heroku**

## Installation

1. Clone this repository to your local machine.
2. Insure you have [npm](https://www.npmjs.com/) installed locally.
3. Inside your terminal, run `npm install`.

## Usage

To use in the browser:

1. Open up application in your browser.
2. Start using your text editor!

To use offline:

1. Open up application in your browser.
2. Click the "install" button.
3. Start using your text editor!

Question

## License

This project is licensed under the [MIT license](https://opensource.org/licenses/MIT).

## Questions

Feel free to reach out to me via [GitHub](https://github.com/EGARRISXN), or email at [email protected]..