Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/jamalhassouni/pwa-news-Application

Simple Progressive Web App (PWA) written in JavaScript
https://github.com/jamalhassouni/pwa-news-Application

async await bootstrap4 css css3 es6 html html5 javascript json news newsapi offline-first pwa pwa-apps pwa-newsletter

Last synced: about 2 months ago
JSON representation

Simple Progressive Web App (PWA) written in JavaScript

Awesome Lists containing this project

README

        

## Details
I created a simple News Progressive Web App (PWA) application that brought news from a variety of sources using [Newsapi](https://newsapi.org) and Javascript
The application is responsive and easy to use
Online demo can be found on [https://jamalhassouni.github.io/pwa-news-Application/](https://jamalhassouni.github.io/pwa-news-Application/)

Home page :

![home page](screenshots/home.png)

Phones :

![phones page](screenshots/phones.png)

Lighthouse Results :

![Image of lighthouse](screenshots/results_lighthouse.png)

## Installing / Getting started

To install this project you need to clone or download it.

```shell
git clone https://github.com/jamalhassouni/pwa-news-Application.git
cd pwa-news-Application
```
## Running locally
Serve folder with your server of choice.
For instance
1. by using `npm install -g serve`.

2. Make sure you are in the same path
```shell
cd pwa-news-Application
```
3. Run `serve .`
4. Now you can browse [http://localhost:5000](http://localhost:5000)

## Technology

- HTML
- CSS
- Javascript
- ES6