This project is a web application built with React and Tailwind CSS. It utilizes Selenium WebDriver for web scraping and the GROQ API for generating summaries of recent news. Users can enter a topic they want to search for, and the application automates a Chrome session to search Google, scrape the first link in the news tab, and then forwards the content to an AI for summarization. The summarized result is displayed on the frontend.
- Search Integration: Enter a topic to search for on Google.
- Automated Web Scraping: Selenium WebDriver opens a Chrome session, performs a Google search, and scrapes the first result.
- AI Summarization: The scraped content is sent to the GROQ API for summarization.
- Responsive UI: Built with React and styled using Tailwind CSS.
- Node.js (v14 or later)
- ChromeDriver (compatible with your Chrome version)
-
Clone the repository:
git clone <your-repository-url> cd <repository-directory>
-
Install frontend dependencies:
cd frontend npm install
-
Install backend dependencies:
- Navigate to the
backend
directory. - Install the required npm packages:
npm install
- Navigate to the
-
Configure Environment Variables:
- Create a
.env
file in thefrontend
directory and add your VITE_BACKEND_URL. - Create a
.env
file in thebackend
directory and add your GROQ_API_KEY.
- Create a
-
Start the development servers:
- Start the Express server:
cd backend npm start
- Start the React development server:
cd frontend npm run dev
- Start the Express server:
- Open your web browser and navigate to
http://localhost:5173
. - Enter the topic you want to search for in the input field.
- Click the search button. Selenium WebDriver will perform the search, scrape the first link, and the content will be summarized using the GROQ API.
- The summarized result will be displayed on the frontend.
frontend/
- Contains the React application and Tailwind CSS styling.backend/
- Contains the Express.js server and the Selenium WebDriver script for scraping and summarizing content.
Feel free to submit issues and pull requests. Contributions to improve the functionality or fix bugs are welcome.
This project is licensed under the MIT License. See the LICENSE file for details.
- React for the UI framework.
- Tailwind CSS for styling.
- Selenium WebDriver for web scraping.
- GROQ API for summarizing content.
Let me know if there’s anything else you’d like to adjust!