A modern web application that transforms lengthy articles into clear and concise summaries using OpenAI's GPT-4 technology. Built with React and styled with Tailwind CSS, this tool helps you quickly grasp the main points of any article.
- 🔍 Instantly summarize articles from any URL
- 💾 Local storage for history of summarized articles
- 📋 One-click copy functionality for URLs
- 🎨 Beautiful, responsive UI with gradient effects
- 🔄 Real-time loading states and error handling
- Node.js (version 14 or higher)
- npm or yarn package manager
- Clone the repository:
git clone https://github.com/mohd-afnan-shahab/Rapid-Content-Gatherer.git- Navigate to the project directory:
cd Rapid-Content-Gatherer- Install dependencies:
npm install- Start the development server:
npm run devThe application will be available at http://localhost:5173 (or another port if 5173 is in use).
- React - Frontend framework
- Tailwind CSS - Styling and design
- OpenAI GPT-4 - AI summarization engine
- Redux Toolkit - State management
- localStorage - Browser storage for article history
- Navigate to the website
- Paste an article URL into the input field
- Press Enter or click the submit button (↵)
- Wait for the AI to generate the summary
- View your summarized content in a clean, readable format
- Hero Section: Landing page with project introduction
- Demo Component: Main functionality including:
- URL input form
- Article history
- Summary display
- Copy functionality
The project uses Tailwind CSS with custom utilities and components including:
- Custom gradient backgrounds
- Responsive design
- Modern UI elements
- Smooth animations and transitions
This project is licensed under the MIT License - see the LICENSE.md file for details.
- Gradient grid background inspired by dub.sh
- OpenAI for the GPT-4 technology
- The React and Tailwind CSS communities
Built with ❤️ by Mohd Afnan Shahab