https://github.com/vinitshahdeo/progressivenewsapp

A simple Progressive Web App that brought news from a variety of sources using News API.
https://github.com/vinitshahdeo/progressivenewsapp

hacktoberfest newsapi newsapp progressive-web-app pwa pwa-apps pwa-example

Last synced: 7 months ago
JSON representation

A simple Progressive Web App that brought news from a variety of sources using News API.

Host: GitHub
URL: https://github.com/vinitshahdeo/progressivenewsapp
Owner: vinitshahdeo
License: mit
Created: 2020-01-11T21:56:30.000Z (almost 6 years ago)
Default Branch: master
Last Pushed: 2022-03-26T03:36:55.000Z (over 3 years ago)
Last Synced: 2025-03-24T05:44:05.947Z (7 months ago)
Topics: hacktoberfest, newsapi, newsapp, progressive-web-app, pwa, pwa-apps, pwa-example
Language: JavaScript
Homepage: https://vinitshahdeo.github.io/ProgressiveNewsApp/
Size: 582 KB
Stars: 41
Watchers: 2
Forks: 37
Open Issues: 16
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

          


Progressive News App^PWA 


[![GitHub license](https://img.shields.io/github/license/vinitshahdeo/ProgressiveNewsApp?logo=github)](https://github.com/vinitshahdeo/ProgressiveNewsApp/blob/master/LICENSE) [![GitHub top language](https://img.shields.io/github/languages/top/vinitshahdeo/ProgressiveNewsApp?logo=javascript)](https://vinitshahdeo.github.io/ProgressiveNewsApp/) [![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/vinitshahdeo/ProgressiveNewsApp?color=yellow&logo=github)](https://github.com/vinitshahdeo/)

**A simple Progressive Web App^PWA that brought news from a variety of sources using [News API](https://newsapi.org/).** See [demo](https://vinitshahdeo.github.io/ProgressiveNewsApp/). 

> A **Progressive Web App (PWA)** is a web app that uses modern web capabilities to deliver an app-like experience to users. [Learn more about why **Progressive Web Apps** will replace native Mobile Apps](https://www.forbes.com/sites/forbestechcouncil/2018/03/09/why-progressive-web-apps-will-replace-native-mobile-apps/#5cfcb9702112).

### Getting started

To install [this](https://vinitshahdeo.github.io/ProgressiveNewsApp/) project, you need to clone or [download](https://github.com/vinitshahdeo/ProgressiveNewsApp/archive/master.zip) it.

```bash

git clone https://github.com/vinitshahdeo/ProgressiveNewsApp.git

cd ProgressiveNewsApp

```



#### :desktop_computer: [Live Demo](https://vinitshahdeo.github.io/ProgressiveNewsApp/)

### Running locally

- Serve folder with your server of choice. For instance by using `npm install -g serve`

- Make sure you are in the same path: `cd ProgressiveNewsApp`

- Run `serve .`

- Browse http://localhost:5000

- **Turn off your WiFi/Internet and see if it works :nerd_face:**

### [Light House](https://developers.google.com/web/tools/lighthouse) Report

![Lighthouse report](./images/light-house.png)

### Useful Resources

- [Google Developers - Progressive Web Apps](https://developers.google.com/web/progressive-web-apps/)

- [News API](https://newsapi.org/)

### Recommended Reading

- [PWAs - Future of Mobile Web Browsing](https://www.wildnettechnologies.com/progressive-web-apps-prime-time-to-change/)

- [How is Progressive Web App different from Regular Web App?](https://www.websitepulse.com/blog/progressive-web-app-different-from-regular-web-app)

### Author

[![](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/ProgressiveNewsApp/images/0)](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/ProgressiveNewsApp/links/0)[![](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/ProgressiveNewsApp/images/1)](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/ProgressiveNewsApp/links/1)[![](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/ProgressiveNewsApp/images/2)](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/ProgressiveNewsApp/links/2)[![](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/ProgressiveNewsApp/images/3)](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/ProgressiveNewsApp/links/3)[![](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/ProgressiveNewsApp/images/4)](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/ProgressiveNewsApp/links/4)[![](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/ProgressiveNewsApp/images/5)](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/ProgressiveNewsApp/links/5)[![](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/ProgressiveNewsApp/images/6)](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/ProgressiveNewsApp/links/6)[![](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/ProgressiveNewsApp/images/7)](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/ProgressiveNewsApp/links/7)

**[Vinit Shahdeo](https://www.linkedin.com/in/vinitshahdeo/)**

  

```javascript

if (thisRepo.isAwesome()) {

  // thanks in advance :p

  starThisRepository();

}

```

_{If you find a bug or think something could be better, please file an issue! If you think a code change should be made, feel free to raise a PR.}

[![Open Source Love](https://badges.frapsoft.com/os/v2/open-source.svg?v=103)](https://github.com/vinitshahdeo) [![Twitter Follow](https://img.shields.io/twitter/follow/Vinit_Shahdeo?style=social)](https://twitter.com/Vinit_Shahdeo) [![GitHub followers](https://img.shields.io/github/followers/vinitshahdeo.svg?label=follow%20@vinitshahdeo&style=flat&logo=github)](https://github.com/vinitshahdeo/)