- Overview
- What is a Progressive Web Application?
- Technologies Used
- Screen Capture
- Live Application
- Installation
- Usage
This repository is an exhibition of a progressive web application that runs in the browser and works offline. Users can install the browser-based text editor on their device to create code snippets at a moment's notice. The project makes use of Node.js to work with a back end, the Express package to design and configure an API, and a set of Webpack dependencies to effectively transform the browser-based application into a progressive web app.
Progressive Web Applications (PWAs) are apps built with web technologies that we all know and love, like HTML, CSS, and JavaScript while owning the feel and functionality of a native application. PWAs takes advantage of the huge web ecosystem, this is inclusive of plugins, to offer a comparable experience to native apps.
Characteristics of a progressive web app include:
- Responsiveness to different screen sizes.
- Installable on home screen as an alternative to native web apps or official websites.
- Independent connectivity for offline functionality.
Many companies have shifted into the product because of its ability to run on an android and iOS without much difference. Some good examples of top companies who have their products as PWAs include: Twitter, Pinterest, Uber, Tiktok, and Spotify.
- Fork and clone repository to local machine.
- Open integrated terminal in personal IDE.
- Run
npm ito install dependencies in local project directory. - Run
npm install --save-dev webpackto install Webpack.
- Use application through the deployed link above.
- Else, open integrated terminal in personal IDE.
- Run
npm run start:devto initiate webpack build and start server on local port. - For offline use, user can go to the link and click the "install" button to open the web application on home screen.