Loading repository dataβ¦
Loading repository dataβ¦
shubhamnarware67-cmd / repository
π¬ Qdrop β A modern Smart Quote Generator that inspires, motivates, and empowers you every day. Built with HTML, CSS, and JavaScript β featuring random quotes, voice, favorites, dark mode & more.
β¨ 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)
Qdrop β Smart Quote Generator Β© 2026 Shubham Narware
π¨βπ» Author
π§βπ» Shubham Narware π Developer β’ Designer β’ Innovator π Portfolio | πΌ LinkedIn | π GitHub
git clone https://github.com/shubhamnarware67-cmd/qdrop.git