PWA Text Editor

Description

This project was developed in ES5 JavaScript, Webpack, Babel and Concurrently in dev to manage simultaneously client and server packages. The goal was to create a Text Editor that can be installed as a Progressive Web Application in several platforms.

The app use IndexedDB to store the data offline and Workbox to manage the assets in cache. So that the app can work perfectly without internet in desktop and mobile devices.

This PWA Text Editor called Jate features an installation button to facilitate the client experience.

User Story

As a user, I want a text editor that can work offline on different platforms and be easy to install, so that I can access my documents even when I don't have an internet connection.

When I open the Text Editor, it is developed using ES5 JavaScript, Webpack, Babel and Concurrently in dev to manage simultaneously client and server packages and can be installed as Progressive Web Application in several platforms. It uses IndexedDB to store my data offline and Workbox to manage the assets in cache. This means that the app can work perfectly without internet on my desktop or mobile devices.

The PWA Text Editor called Jate comes with an installation button which makes it easy for me to install and use, and it features an easy user experience that allows me to work on my documents efficiently.

Screenshot

Table of Contents

• Installation
• Deployment
• Features
• Credits
• Questions

Installation

To install this OWA Text Editor, please follow these steps:

1. Clone the repository by running the command git clone: https://github.com/brberis/pwa-text-editor-offline-crud.git
2. Navigate to the root of the project directory using the command cd repo-name.
3. Run npm install to install all the necessary dependencies.
4. Set up the required environment variables by creating a .env file in the root of the project directory and adding the necessary environment variable key-value pairs.
5. Start the development server by running the command npm start
6. In the browser navigate to http://localhost:3000 to access the app

Note:

• Make sure that you have the latest version of Node.js and npm installed on your machine
• Make sure you have MongoDB installed and running before start the development server.

Deployment

This app is deployed in Heroku. Click Here to view the demo app.

Features

• Centralized commands through Concurrently
• It work without internet connection using IndexedDB Api
• Workbox Webpack Plugin to build assets
• Backwards compatible versions though Babel
• Instillation button feature

Questions

Please send your questions here or visit github/brberis.

Credits

• Cristobal A Barberis%