The Informer Network is a dynamic web application designed to keep users in rhythm with the latest news from around the world. Leveraging the power of the NewsAPI, this platform provides up-to-date headlines and articles across various categories, making it an essential tool for staying informed.
- Top Headlines: Get the latest top headlines from India, updated regularly to keep you informed about current events.
- Search Functionality: Easily search for news articles using keywords. The search results are displayed dynamically as you type.
- Category Browsing: Browse news articles by different categories like Finance, Politics, Entertainment, Sports, Crime, Business, Technology, Lifestyle, Health, and Education.
- Hot Topics: Quickly access news on trending topics with the "Hot Topics" dropdown menu.
- Interactive UI: An intuitive and responsive user interface built with Bootstrap 4, ensuring a seamless experience across different devices.
- News Details: Each news item includes an image, title, description, publication date, and a "Read More" link to the full article.
- Frontend: HTML, CSS, JavaScript, Bootstrap 4
- Backend: No backend as it uses NewsAPI for fetching news
- API: NewsAPI
- Get a NewsAPI Key:
-
Clone the repository:
-
Add your NewsAPI key:
- Open
script.js
in a text editor. - Replace
<ENTER YOUR API KEY>
with your actual NewsAPI key:
const apiKey = '<ENTER YOUR API KEY>';
- Open
-
Open
index.html
in your preferred web browser:- Open
index.html
in your code-editor (try using VS-code with extension live-server installed). - Run (Go-live in VS-code) the html file to enjoy the latest news.
- Open
**Note : ** Don't run index.html
directly from your file manager; go through the steps to properly enjoy lastest news.
- User Authentication: Allow users to sign up and save their favorite articles.
- Personalized News: Offer personalized news feeds based on user preferences.
- Real-time Updates: Implement real-time news updates using WebSockets.