This is a simple news application built using Vue.js and Vuetify. It fetches data from the Newsdata.io API.
Desktop Preview | Mobile Preview |
- View latest news articles from various sources
- Displays news articles from various categories
- Search for news articles by keyword
- Responsive design for mobile and desktop
- Vue.js
- Vuetify
- MDI icons
- Axios for HTTP requests
-
Clone this repository:
git clone https://github.com/mamadjavaad/news-app.git
-
Change into the directory:
cd news-app
-
Install dependencies:
npm install
-
Create a
.env
file in the root directory and add your API key:VITE_APP_API_KEY=YOUR_API_KEY_HERE
Replace
YOUR_API_KEY_HERE
with your actual API key obtained from Newsdata.io. -
Run the application:
npm run dev
-
Open your browser and navigate to
http://localhost:8080/
to view the app.
This application uses the Newsdata.io API to fetch news articles. You will need to sign up for an API key on their website to use this application.
Contributions are welcome! If you find any issues or would like to contribute enhancements, please feel free to open an issue or create a pull request.