IEfrances / NewsWeb

NewsNet Web App

NewsNet is a web application that allows users to search and explore news articles from various sources. It utilizes the NewsAPI to fetch news data based on user queries and presents the articles in a user-friendly interface.

Features

• Search: Users can enter a search query to find news articles related to the specified topic.
• Filtering: The app provides predefined categories (Tech, Business, Fashion, Food, Movies) for users to quickly access news articles in specific areas of interest.
• Responsive Design: The web app is designed to adapt to different screen sizes, providing a seamless experience on both desktop and mobile devices.
• Menu Button: On smaller screens, a menu button is available to toggle the display of navigation options.

Technologies Used

• HTML5: Markup language for structuring the web page.
• CSS3: Styling language used for visual presentation and layout.
• JavaScript: Programming language for implementing dynamic behavior and interacting with the NewsAPI.
• Font Awesome: Icon library used for the search and menu icons.
• Google Fonts: External font library used for styling the page text.

Usage

1. Open the NewsNet web app in your preferred web browser.
2. Enter a search query in the search input field to find news articles related to that topic.
3. Alternatively, click on one of the predefined categories (Tech, Business, Fashion, Food, Movies) to browse articles in specific areas of interest.
4. On smaller screens, click the menu button (three horizontal bars) to expand or collapse the navigation options.
5. Click on any article card to read the full article on the source website.

Installation

1. Clone the repository to your local machine using the following command: git clone https://github.com/FrancesIgwe/NewsWeb.git
2. 2. Open the index.html file in your web browser.

Credits

• NewsAPI: The web app utilizes the NewsAPI to fetch news data. Visit NewsAPI website for more information.
• Font Awesome: The search and menu icons are sourced from the Font Awesome icon library. Visit Font Awesome website for more information.

License

This project is licensed under the MIT License.