Skip to content

aanujkhurana/AI_ArticleSummary-React

Repository files navigation

NPM Version React Redux Tailwind CSS RAPID API

📝 AI Article Summarizer

AI Summariser is a web application powered by the OpenAI model via the RAPID API, enabling users to summarize articles by URLs with a single click.

🚀 Live Demo

🔗 Click here to visit the website

Screenshot Screenshot Screenshot

🛠️ Tech Stack

  • React.js
  • Redux Toolkit
  • Tailwind CSS

✨ Features

  • Contemporary User Interface: Boasting a contemporary and user-centric interface design, ensuring an intuitive browsing experience for all users.

  • Auto-Summarization: Users can conveniently input the URL of extensive articles, with the web application utilizing AI to generate concise summaries of the content.

  • History Preservation via Local Storage: The application incorporates a history feature, empowering users to locally save summaries, facilitating easy retrieval and management of their reading archives.

  • Clipboard Copying Functionality: Facilitating effortless sharing and storage of summarized content by enabling users to copy it to their clipboard with ease.

  • Enhanced RTK Query API Requests: Harnessing the advanced functionalities of Redux Toolkit (RTK) Query, the application executes API requests conditionally, streamlining data retrieval and management based on predefined criteria.

  • Solid Code Structure and Reusability: The application is engineered with a focus on a sturdy code architecture and reusable components, ensuring scalability and ease of maintenance for future enhancements and expansions.

🛠️ Local Development

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

Cloning the Repository

git clone https://github.com/aanujkhurana/AI_ArticleSummary-React.git
cd AI_ArticleSummary-React

Installation

Install the project dependencies using npm:

npm install

Set Up Environment Variables

Create a new file named .env in the root of your project and add the following content:

VITE_RAPID_API_ARTICLE_KEY=YOUR_RAPID_API_KEY

Replace YOUR_RAPID_API_KEY with your Rapid-API KEY credentials. Rapid-API website.

Running the Project

npm run dev

Visit http://localhost:5173 to access the locally hosted application.

Contribution

Contributions are welcome! If you want to contribute, please fork the repository and create a pull request.

License

This project is licensed under the MIT License.

Acknowledgments

  • Thanks to OpenAI for providing the powerful AI model.
  • Special thanks to the contributors of React, Redux, Tailwind CSS, and other open-source libraries used in this project.