NewsHub

Welcome to NewsHub, a web application that provides you with the latest news headlines and articles based on your preferences. You can check the live preview here: https://dapper-semolina-c48b00.netlify.app/

Features

• Personalized News: Customize your news feed by selecting your preferred country and language.
• Search: Easily search for news articles based on keywords or topics of interest.
• Responsive Design: Enjoy a seamless experience on various devices, including desktops, tablets, and smartphones.
• Query Caching: Implement caching mechanism to store frequently accessed news articles, reducing the need for repeated API requests.

Getting Started

Follow these steps to get started with NewsHub:

1. Clone the repository:

   • git clone https://github.com/smalik21/news-hub.git
   • cd news-hub

2. Install dependencies:

   • npm install

3. Set up environment variables: Create a .env file in the root directory with the following content:

   • VITE_APP_LOCATION_API_KEY=your_location_api_key
   • VITE_APP_NEWS_API_KEY=your_news_api_key

4. Run the application:

   • npm start The application will be accessible at http://localhost:5173.

Technologies Used

• TypeScript
• HTML
• CSS
• Fetch API