Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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.

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)