Project 1/20
A simple and aesthetic random quote generator that fetches quotes from an external API and displays them with a stylish UI. Users can view new quotes and tweet them directly.
- ✅ Random quote fetched from a public API
- ✅ Author name display (or "Unknown" if missing)
- ✅ Twitter share button
- ✅ Loader animation for smooth UX
- HTML5
- CSS3
- Vanilla JavaScript
- Quote API
- Working with Fetch API and async/await
- Handling conditional data (e.g., unknown authors)
- UI/UX animation techniques
🚀 For me, this project was more about practice and gaining additional experience,
rather than learning something entirely new.👨💻 Since I’m not a beginner and already familiar with these technologies,
I approached it with confidence — and still, I truly enjoyed working on it.🎯 Overall, I consider this a very valuable and enjoyable experience.
- Infinite Scroll | [Project 2/20] → View Repository
- Hero Patterns – Free, repeatable SVG background patterns for stylish UIs.
- Google Fonts - Vast collection of free and customizable fonts.
- FontAwesome Icons - Free icon set to enhance UI with icons.
- Twitter Integration Documentation – How to create tweet share buttons for web pages.
- W3Schools - Loader – How to make animated loaders with CSS.
- Random Quote API – Quote API used in this project (may require a proxy).
- Fix CORS Error Article – Learn why CORS errors happen and how to fix them.
🙌 Thanks for checking out my project! More coming soon. Stay tuned 🚀