About This Project

This project is a dynamic and interactive news browsing platform built using React, incorporating advanced technologies like Alan AI and the NewsAPI. The goal is to provide users with a seamless and engaging experience as they explore the latest news from around the world.

Demo Video

Key Features

• Voice Commands with Alan AI: Navigate and interact with the news content using natural voice commands, making it easier and more intuitive to find the information you need.
• Automated Scrolling: Enjoy a smooth and uninterrupted browsing experience with automated scrolling that keeps the news flowing.
• React Router: Effortlessly navigate through different sections and articles with the help of React Router, ensuring a responsive and user-friendly interface.

Technology Stack

• React: A powerful JavaScript library for building user interfaces.
• Alan AI: An AI-powered voice assistant that enables voice command functionality.
• NewsAPI: A robust API for fetching the latest news articles from various sources.
• React Router: A library for managing navigation and routing in React applications.

Getting Started

Prerequisites

Before you begin, ensure you have the following installed:

• Node.js
• npm (Node Package Manager)

Installation

1. Clone the Repository:

   git clone https://github.com/your-repository.git

2. Navigate to the Project Directory:

   cd your-repository

3. Install Dependencies:

   npm install

4. Setting Up Environment Variables:

   Create a .env file in the root directory and add the following environment variables:

   REACT_APP_ALAN_API_KEY="your_alan_api_key"
   REACT_APP_NEWS_API_KEY="your_newsapi_key"

Running the Application

1. Start the development server:

   npm start

2. Open the Application:

   Open your web browser and go to http://localhost:3000 to access the News Website.