Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/egarrisxn/pwa-text-editor
- Owner: egarrisxn
- License: mit
- Created: 2024-04-24T19:40:51.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-05-10T20:41:20.000Z (8 months ago)
- Last Synced: 2024-09-29T02:40:53.771Z (3 months ago)
- Topics: babel, concurrently, css, express, expressjs, html, indexeddb, javascript, node, nodejs, pwa, webpack
- Language: JavaScript
- Homepage: https://egarrisxn-text-editor-9b2d32213f44.herokuapp.com/
- Size: 2.81 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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]..