Progressive News AppPWA
[![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
```
![](https://github.com/vinitshahdeo/ProgressiveNewsApp/raw/master/images/news.png)
#### :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/)**
![](https://github.com/vinitshahdeo/ProgressiveNewsApp/raw/master/images/linkedin.png)
```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/)