A modern and interactive news website built with Vue.js and powered by NewsAPI. Stay up-to-date with the latest news from various sources around the world!
- 🌍 Browse news articles from various sources
- 🔍 Search for specific news topics
- 📰 Read detailed article information
- 🌐 Responsive design for mobile and desktop devices
-
Clone the repository:
git clone https://github.com/Armanidrisi/vue-news-website.git
-
Install dependencies:
cd vue-news-website npm install
-
Obtain an API key from NewsAPI and update it in the
src/views/*
files: -
Start the development server:
npm run serve
-
Open your browser and visit
http://localhost:8080
.
- On the home page, you'll see a list of the latest news articles from various sources.
- Use the search bar to find articles related to specific topics.
- Click on an article to view its detailed information.
Feel free to customize and extend the website according to your needs.
Contributions are welcome! If you find any bugs or want to add new features, please submit an issue or create a pull request.
This project is licensed under the MIT License.