Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ajay-mandal/summarizer_ai_reactapp
This is a react app that use rapidapi based on GPT-4 to summarize the url proviede and output a descriptive summary
https://github.com/ajay-mandal/summarizer_ai_reactapp
ai localstorage reactjs rest-api summarization tailwindcss
Last synced: about 2 months ago
JSON representation
This is a react app that use rapidapi based on GPT-4 to summarize the url proviede and output a descriptive summary
- Host: GitHub
- URL: https://github.com/ajay-mandal/summarizer_ai_reactapp
- Owner: ajay-mandal
- Created: 2023-09-27T17:56:52.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-19T16:46:00.000Z (10 months ago)
- Last Synced: 2024-05-30T02:18:30.299Z (8 months ago)
- Topics: ai, localstorage, reactjs, rest-api, summarization, tailwindcss
- Language: JavaScript
- Homepage: https://summarease-ai.netlify.app/
- Size: 65.4 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Summarizer_AI_ReactApp
Welcome to the AI Article Summarizer React App. This project is a web application built using react.js, Vite.js, Tailwind CSS, and Redux.js, designed to summarize website article using GPT-4 API from Rapid API.
You can see the live demo of the AI-Based Article Summarizer React App here
Summarease-AI
### Features
- Article Summarization: Utilizes AI algorithms to generate concise summaries of website articles.
- Vite.js: Built with the modern and fast Vite.js development environment.
- Tailwind CSS: Stylish and responsive user interface created with Tailwind CSS.
- Redux.js: State management for handling application data.
- User-Friendly: Simple and intuitive user interface for easy summarization.
## Getting Started
To get a copy of this project up and running on your local machine, follow these steps:
### Clone the Repository
```
git clone https://github.com/ajay-mandal/Summarizer_AI_ReactApp.git
```
### Navigate to the Project Directory
```
cd Summarizer_AI_ReactApp
```
### Install Dependencies
```
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
npm install react-redux
```
### Start the Development Server
```
npm run dev
```
### Open the App in Your Browser
The development server should start, and you can open the app in your browser by navigating to http://localhost:port, where port number is given in the terminal.
## Usage
Input Article URL: On the app's home page, you can enter the URL of the article you want to summarize.
Click Summarize: After entering the article URL, click the "enter" button.
View Summary: The AI will process the input, and you will see a summarized version of the article displayed on the screen.
History: The webapp will keep the record of all article summary that the user have previously entered.
Feel free to explore and enhance this AI-Based Article Summarizer React App. If you have any questions or suggestions, please don't hesitate to reach out. Enjoy summarizing articles with AI!