A VueJS application that shows worldwide news in one place via NewsAPI.
This application is built using Vue 2, Vuex, VueRouter, axios, and Vuetify as UI framework.
It consists of 2 pages:
- a Home page with a list of latest headline news
- a Headline page to view each headline
On Home page, the user will also be able to:
- search headlines by title
- filter out headlines by source
- see which article they have already read
- update title of each headline
The app is deployed here on firebase. However, due to changes in pricing model by NewsAPI, requests from the browser are not allowed on the Developer plan, except from localhost. Hence, the hosted site would result in Error 426, but runs and functions as it should on a local machine with Free Plan.
npm install
npm run serve
npm run build
npm run lint