ARTSUMS is a modern, responsive web application that summarizes lengthy articles using OpenAI-powered APIs. It features Firebase Authentication for login/signup and allows users to save, view, and delete their personal article summaries using localStorage (per user).
- 🔍 Summarize any article using RapidAPI (GPT-based)
- 🔐 Login/Register using Firebase Authentication (email/password)
- 💾 Save article summaries to localStorage (per logged-in user)
- 🗂 View and delete saved bookmarks (includes favicon, title, URL, summary)
- 🎨 Clean UI with Tailwind CSS
- 🔒 Protected routes using React Router
| Home (Search + Summary) | Bookmarks Dashboard |
|---|---|
![]() |
![]() |
- ⚛️ React + Vite
- 🔐 Firebase Authentication
- 🧠 OpenAI Summarization API (via RapidAPI)
- 💾 localStorage (user-scoped)
- 🧭 React Router v6
- 🎨 Tailwind CSS
git clone https://github.com/Satyam070/ArticleSummariser.git
cd ArticleSummarisernpm installCreate a .env file in the root directory:
VITE_RAPID_API_ARTICLE_KEY=your_rapidapi_keyAlso configure Firebase and add your web config to firebase.js.
src/
│
├── assets/ # logo, icons, illustrations
├── components/ # UI components: Hero, Demo, Auth, Navbar, etc.
├── routes/ # ProtectedRoute & PublicRoute wrappers
├── services/ # API logic (RTK Query + firebase.js)
├── context/ # Firebase AuthContext provider
└── App.jsx # Routes and layout
email: demo@artsums.com
password: artsums123You can deploy this app easily on:
- 🔥 Firebase Hosting
- ▲ Vercel
- 🌐 Netlify
- Bookmarks are stored in
localStorage, scoped perfirebaseUser.uid - All route access is protected with
onAuthStateChanged()wrapper - Summarization is powered by a 3rd-party API (requires API key)
- Built by @Satyam070
- Summary API by RapidApi AI
- Firebase Auth + Tailwind UI inspired from fireship.io


