- React.js
- Redux Toolkit
- Tailwind CSS
📱 Modern UI: A cutting-edge, clear user interface that provides users with a straightforward experience.
📱 Summary Generation: When a user inputs the URL of a long article, the web application uses artificial intelligence (AI) to provide a brief summary of the article's content.
📱 Custom summarization length: Allow users to specify the desired length of the summary.
📱 Summarization language options: Provide support for summarizing articles in multiple languages.
📱 Share summarized articles: Allow users to share the summarized articles via social media, or messaging apps.
📱 History Saving with Local Storage: Users can save summaries locally using the app's history feature, which makes it easy to keep track and review their reading history.
📱 Copy to Clipboard: Enables users to easily share or store the summarized content by copying it to their clipboard.
📱 Advanced RTK Query API Requests: Utilizes the advanced capabilities of Redux Toolkit (RTK) Query for making API requests.
📱 PWA Feature The web application is installable on devices
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/Devemmy01/SummAI.git
cd SummAI
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_SUM_API_KEY=
Replace the placeholder values with your actual API Key. You can get your api key by signing up and subcribing to the API for free on the Rapid API website.
Running the Project
npm run dev
Open http://localhost:5173 in your browser to view the project.