https://github.com/shikhargupta-75/the-informer-network
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.
https://github.com/shikhargupta-75/the-informer-network
bootstrap4 css fetch-api html5 interactive javascript multiple-choice news news-api newsapi responsive
Last synced: 6 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/shikhargupta-75/the-informer-network
- Owner: ShikharGupta-75
- Created: 2024-06-21T07:59:04.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-07-12T15:40:25.000Z (over 1 year ago)
- Last Synced: 2025-04-09T03:44:27.631Z (6 months ago)
- Topics: bootstrap4, css, fetch-api, html5, interactive, javascript, multiple-choice, news, news-api, newsapi, responsive
- Language: JavaScript
- Homepage:
- Size: 749 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# **The Informer Network**
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.
## **Features**
- **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.
## **Preview**
### PC View
### Phone View
## **Technology Stack**
- **Frontend:** HTML, CSS, JavaScript, Bootstrap 4
- **Backend:** No backend as it uses NewsAPI for fetching news
- **API**: [NewsAPI](https://newsapi.org/)
## How to Use
### Prerequisites
1. **Get a NewsAPI Key:**
- Go to [NewsAPI](https://newsapi.org/).
- Sign up for an account if you don't have one.
- After logging in, go to the [API key](https://newsapi.org/account) section.
- Copy your API key.
### Setup
1. **Clone the repository:**
2. **Add your NewsAPI key:**
- Open `script.js` in a text editor.
- Replace `` with your actual NewsAPI key:
```javascript
const apiKey = '';
```
3. **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.
**Note : ** Don't run `index.html` directly from your file manager; go through the steps to properly enjoy lastest news.
## **Future Enhancements**
- **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.
### Stay informed with The Informer Network!