vinitshahdeo / ProgressiveNewsApp

A simple Progressive Web App that brought news from a variety of sources using News API.
https://vinitshahdeo.github.io/ProgressiveNewsApp/
MIT License
41 stars 37 forks source link
hacktoberfest newsapi newsapp progressive-web-app pwa pwa-apps pwa-example

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 AppPWA 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/)