π° News App - Real-Time News Aggregator
A responsive News App built with HTML, CSS, and JavaScript that fetches the latest news articles from the NewsAPI. Users can browse trending news, filter by category (Technology, Science, Entertainment), or search for specific topics.
π Features
β Trending News β Get the latest headlines β Category Filters β Technology, Science, Entertainment β Search Functionality β Find news by keywords β Responsive Design β Works on mobile & desktop β Dynamic Card Layout β Clean, modern UI
π οΈ Technologies Used
Frontend: HTML5, CSS3, JavaScript
API: NewsAPI
π¦ Installation & Setup
Clone the repository: git clone https://github.com/your-username/news-app.git cd news-app
Get an API Key:
Sign up for a free API key at NewsAPI.
Create a .env file in the project root and add: NEWS_APP_NEWS_API_KEY=your_api_key_here
Run the app:
Open index.html in a browser (no server needed).
π₯οΈ Usage :
Click on categories (Trending, Technology, Science, Entertainment) to filter news.
Search for specific topics using the search bar.
Responsive cards display news with images, titles, sources, and descriptions.
π License :
This project is open-source under the MIT License.
π Links :
Live Demo (Coming Soon) GitHub Repo
π Credits
NewsAPI for providing free news data. Inspired by modern news aggregators.
π οΈ Future Improvements
Add dark mode Save favorite articles Infinite scroll
Happy Reading! πβ¨