Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: 27 days ago
JSON representation
Simple Progressive Web App (PWA) written in JavaScript
- Host: GitHub
- URL: https://github.com/jamalhassouni/pwa-news-application
- Owner: jamalhassouni
- Created: 2018-08-18T21:50:35.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2018-09-22T14:09:23.000Z (over 6 years ago)
- Last Synced: 2024-11-07T14:42:46.405Z (3 months ago)
- Topics: async, await, bootstrap4, css, css3, es6, html, html5, javascript, json, news, newsapi, offline-first, pwa, pwa-apps, pwa-newsletter
- Language: CSS
- Size: 1.77 MB
- Stars: 3
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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