Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/victoriamcn/pwa-text-editor
User create notes and code snippets with or without an internet connection. The integrated service worker and Cache API's ensure that the application will remain fully functional even without and active internet connection. This application allows the user to access visited pages even if the application is offline.
https://github.com/victoriamcn/pwa-text-editor
babel css expressjs html idb java pwa webpack
Last synced: 15 days ago
JSON representation
User create notes and code snippets with or without an internet connection. The integrated service worker and Cache API's ensure that the application will remain fully functional even without and active internet connection. This application allows the user to access visited pages even if the application is offline.
- Host: GitHub
- URL: https://github.com/victoriamcn/pwa-text-editor
- Owner: victoriamcn
- License: mit
- Created: 2023-06-23T19:26:53.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-06-23T23:06:43.000Z (over 1 year ago)
- Last Synced: 2024-11-16T19:25:43.316Z (3 months ago)
- Topics: babel, css, expressjs, html, idb, java, pwa, webpack
- Language: JavaScript
- Homepage: https://thawing-temple-65313-66b549bf4e0e.herokuapp.com/
- Size: 125 KB
- 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
## Description
A single-page application that meets PWA criteria. User create notes and code snippets with or without an internet connection. The integrated service worker and Cache API's ensure that the application will remain fully functional even without and active internet connection. This application allows the user to access visited pages even if the application is offline.
## Table of Contents
- [PWA Text Editor](#pwa-text-editor)
- [Description](#description)
- [Table of Contents](#table-of-contents)
- [Deployed Application](#deployed-application)
- [Preview](#preview)
- [Installation](#installation)
- [Download the app to a local desktop](#download-the-app-to-a-local-desktop)
- [License](#license)
- [Credits](#credits)
- [Tutorials](#tutorials)
- [Code Examples](#code-examples)
- [Badges](#badges)
- [Cloud Service](#cloud-service)
- [Frameworks and Libraries](#frameworks-and-libraries)
- [Integrated Development Environments (IDE)](#untegrated-development-environments-ide)
- [Languages](#languages)## Deployed Application
[https://thawing-temple-65313-66b549bf4e0e.herokuapp.com/](https://thawing-temple-65313-66b549bf4e0e.herokuapp.com/)
## Preview
![Just Another Text Editor browser page](client/src/images/texteditorpreview.png)
## Installation
### Use the app in the browser:
1. Open the deployed application [here](https://thawing-temple-65313-66b549bf4e0e.herokuapp.com/) in the browser.
### Download the app to a local desktop:
1. Open the deployed application [here](https://thawing-temple-65313-66b549bf4e0e.herokuapp.com/) in the browser.
2. Click the ```Install``` button in the top left corner to download.## Dependencies
- [Concurrently](https://www.npmjs.com/package/concurrently)
- [IndexedDB](https://www.npmjs.com/package/idb#installation)## License
![GitHub License Badge](https://img.shields.io/badge/license-MIT-blue.svg)
This project is licensed under MIT.
## Credits
### Tutorials
- MDN Web Docs: [Progressive web apps (PWAs)](https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps)
- MDN Web Docs: [Web app manifests](https://developer.mozilla.org/en-US/docs/Web/Manifest)
- Mozilla: [Using IndexedDB](https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API/Using_IndexedDB)
- StackOverflow: [indexedDB Creating a database and adding content Failed to execute 'transaction' on 'IDBDatabase'](https://stackoverflow.com/questions/36955441/indexeddb-creating-a-database-and-adding-content-failed-to-execute-transaction)
- StackOverflow: [Module build failed (from ./node_modules/babel-loader/lib/index.js)](https://stackoverflow.com/questions/52087421/module-build-failed-from-node-modules-babel-loader-lib-index-js-typeerror)## Badges
### Cloud Service
![Heroku](https://img.shields.io/badge/heroku-%23430098.svg?style=for-the-badge&logo=heroku&logoColor=white)
### Frameworks and Libraries
![Babel](https://img.shields.io/badge/Babel-F9DC3E?style=for-the-badge&logo=babel&logoColor=white)
![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB)
![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white)
![NPM](https://img.shields.io/badge/NPM-%23CB3837.svg?style=for-the-badge&logo=npm&logoColor=white)
![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)### Integrated Development Environments (IDE)
![Visual Studio Code](https://img.shields.io/badge/Visual%20Studio%20Code-0078d7.svg?style=for-the-badge&logo=visual-studio-code&logoColor=white)
### Languages
![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)