https://github.com/pranav-jadhav09/news-hub-app

This news app provides a user-friendly interface to browse and search for news articles. It leverages the News API to fetch real-time news data based on user queries.
https://github.com/pranav-jadhav09/news-hub-app

api async-await html-css-javascript javascript javascriptapi javascriptapp javascriptapplication newsapi newsapp newsapplication onrender-deploy trycatch

Last synced: 11 days ago
JSON representation

This news app provides a user-friendly interface to browse and search for news articles. It leverages the News API to fetch real-time news data based on user queries.

• Host: GitHub
• URL: https://github.com/pranav-jadhav09/news-hub-app
• Owner: Pranav-Jadhav09
• License: mit
• Created: 2023-10-03T07:47:10.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-06T04:23:11.000Z (over 1 year ago)
• Last Synced: 2024-11-21T07:29:00.906Z (2 months ago)
• Topics: api, async-await, html-css-javascript, javascript, javascriptapi, javascriptapp, javascriptapplication, newsapi, newsapp, newsapplication, onrender-deploy, trycatch
• Language: HTML
• Homepage: https://github.com/Pranav-Jadhav09/news-hub-app
• Size: 22.5 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


![GitHub repo size](https://img.shields.io/github/repo-size/Pranav-Jadhav09/news-hub-app)

[![Twitter Follow](https://img.shields.io/twitter/follow/Pranav_Jadhav09?style=social)](https://twitter.com/Pranav_Jadhav09)

# News Hub App

This project is a simple news app that allows users to search for news articles based on keywords and view the latest news.


➥ Live Demo






## Introduction

This news app provides a user-friendly interface to browse and search for news articles. It leverages the News API to fetch real-time news data based on user queries.




## Features

- `Search`: Users can search for news articles based on keywords or topics of interest.

- `Responsive Design`: The app is designed to be accessible and usable on various devices, including desktops, tablets, and mobile phones.

- `Navigation`: The app includes a navigation menu to easily navigate through different sections of the application.




## Technologies

- HTML5

- CSS3

- JavaScript

- [News API](https://newsapi.org)




## Setup and Installation

- Clone this repository to your local machine using git clone.

- Obtain a free API key from [News API](https://newsapi.org) by signing up for an account.

- Replace the `apiKey` variable in script.js with your obtained API key.

- Open `index.html` in a web browser to run the application.




## Usage

- Open the app in a web browser.

- Use the navigation menu to browse different sections or search for news articles using the search feature.

- Enter a keyword or topic in the search bar and click `"Search"` to fetch news articles related to that keyword.

- Click on any article to read the full details.




## Contributing

Contributions to this project are welcome! Feel free to submit pull requests or open issues for any improvements or features you'd like to add.




## License

This project is licensed under [MIT License](./LICENSE).