A web application and Chrome extension designed to help users quickly summarize articles by providing a URL. It streamlines the process of extracting key information from lengthy articles, making content consumption more efficient and accessible.
- Summarize articles by entering a URL.
- Save summarized articles locally in the browser.
- Copy URLs and summaries to the clipboard.
- Responsive design for mobile and desktop devices.
- Chrome Extension: Summarize the current page directly from your browser.
Client: React, TailwindCSS, Lucide React
Extension: Vite, React, TailwindCSS, Manifest V3
Server: RapidAPI (Article Extractor and Summarizer API)
- Building responsive web applications with React and TailwindCSS.
- Efficient API data fetching and caching with Redux Toolkit Query.
- Integrating third-party APIs (RapidAPI) for content extraction and summarization.
- Developing Chrome Extensions with React, Vite, and TailwindCSS.
git clone https://github.com/your-username/concise.gitcd conciseThe Web app is located in the Main folder.
cd Main
npm installnpm run devThe Chrome extension is located in the Extension folder.
cd Extension
npm installnpm run devnpm run build- Open Chrome and go to
chrome://extensions/ - Enable Developer mode
- Click Load unpacked
- Select the
Extension/distfolder
- Click the Concise extension icon in your browser.
- Click "Summarize This Page" to open the summarizer with the current tab's URL.
To run this project, you will need to add the following environment variable to your .env file:
VITE_RAPID_API_KEY=your_rapid_api_keySummary Dashboard:
Chrome Extension Popup:
MIT