✨ Inspire. Reflect. Share.
A modern, beautiful, and interactive quote generator web app built with HTML, CSS, and JavaScript.
Get random motivational quotes, listen to them, copy, tweet, and save your favorites — all in one sleek app!
| Dark Mode | Light Mode |
|---|---|
 |
|
✅ Random Quotes — Get fresh quotes from [:contentReference[oaicite:2]{index=2}].
✅ Category Filter — Choose from categories like Life, Wisdom, Success, etc.
✅ Search by Keyword — Find quotes about happiness, courage, or anything!
✅ Text-to-Speech — Let your device speak the quote aloud.
✅ Copy & Tweet — Instantly share your favorite quotes.
✅ Favorites System — Save quotes locally using localStorage.
✅ Clear Favorites — Remove all saved quotes in one click.
✅ Offline Mode — Auto fallback to local quotes if API fails.
✅ Dark/Light Mode — Auto detects system theme + toggle switch.
✅ License & Credits — Proper open license for safe use & sharing.
| Frontend | API | Storage |
|---|---|---|
| HTML5 | Quotable API | LocalStorage |
| CSS3 (Glassmorphism + Gradient UI) | ||
| Vanilla JavaScript (ES6+) |
💻 Folder Structure qdrop/ │ ├── index.html # Main webpage ├── style.css # Stylesheet (Glassmorphism design) ├── script.js # Main JS (all logic) └── README.md # This file 😎
🔥 Upcoming Features (v2.0 Ideas)
🚧 Download favorites as .txt file 🚧 Add “Quote of the Day” widget 🚧 Add background quote wallpapers 🚧 Support for multiple languages 🚧 User login + sync favorites
Qdrop — Smart Quote Generator © 2026 Shubham Narware
You are free to use, modify, and share this project as long as you provide proper credit to the original author. Commercial use is allowed with credit. Removing author credit is strictly prohibited.
👨💻 Author
🧑💻 Shubham Narware 📍 Developer • Designer • Innovator 🌐 Portfolio | 💼 LinkedIn | 🐙 GitHub
"I built Qdrop to help people stay motivated — one quote at a time." 💫 ⭐ Star → Fork → Contribute → Inspire 🌍
- Clone the Repository
git clone https://github.com/shubhamnarware67-cmd/qdrop.git