Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kei-k23/summarizar-webapp
This is web application for article summarization web application that power by Article Extractor and Summarizer from Rapid API
https://github.com/kei-k23/summarizar-webapp
javascript react react-toolkit tailwind
Last synced: 7 days ago
JSON representation
This is web application for article summarization web application that power by Article Extractor and Summarizer from Rapid API
- Host: GitHub
- URL: https://github.com/kei-k23/summarizar-webapp
- Owner: Kei-K23
- Created: 2023-09-06T14:46:46.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-09-06T14:59:33.000Z (over 1 year ago)
- Last Synced: 2024-12-04T16:39:28.533Z (2 months ago)
- Topics: javascript, react, react-toolkit, tailwind
- Language: JavaScript
- Homepage: https://summarizar-webapp-foe1.vercel.app/
- Size: 50.8 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# SummA Article Summary Web Application
This is a simple React application for summarizing articles. Users can input a URL, and the application fetches and displays a summary of the article. Additionally, users can copy both the article URL and the summary to their clipboard.
## Getting Started
1. Clone this repository to your local machine:
git clone2. Navigate to the project directory:
cd article-summary-app3. Install the required dependencies:
npm install4. Start the development server:
npm run dev## Features
- Summarize Articles: Enter the URL of an article, and the application will fetch and display a summary for you.
- Copy URL: Click the clipboard icon next to each article to copy its URL to your clipboard. A checkmark icon will appear briefly to indicate a successful copy.
- Copy Summary: After summarizing an article, you can click the "Copy Article" button to copy the summary to your clipboard. Again, a checkmark icon will appear briefly to indicate a successful copy.
- Error Handling: If there are any errors during the summarization process, they will be displayed to the user.
- LocalStorage: The application stores articles locally, so you can revisit them later without having to re-enter the URL.
## Usage
- Enter the URL of the article you want to summarize in the input field and press "Enter" or click the "Submit" button.
- The application will display the summary of the article, or any errors encountered during the summarization process.
- Click the clipboard icon next to an article to copy its URL to your clipboard.
- After summarizing an article, click the "Copy Article" button to copy the summary to your clipboard.
## Technologies Used
- React
- Redux Toolkit (RTK)
- Tailwind CSS