Quote Generator Optional | ZTM JS Web Projects Course

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.

---

📚 Table of Contents

• 🔎 Overview
  • 📸 Screenshot
  • 🔗 Links
  • 📌 Features
  • 🛠️ Built with
• 🧠 My process
  • 🗃️ Useful resources
  • 🧪 Another Versions
  • 🔜 Next Project
• 👤 Author
  • 🌐 Connect with Me
  • 💻 Coding Profiles

---

🔎 Overview

📸 Screenshot

🔗 Links

• 🔴 Live Demo
• 🗂️ GitHub Repository

📌 Features

• ✅ Random quote fetched from a public API
• ✅ Author name display (or "Unknown" if missing)
• ✅ Twitter share button
• ✅ Loader animation for smooth UX

🛠️ Built with

• HTML5
• CSS3
• Vanilla JavaScript
• Quote API

---

🧠 My Process

🗃️ Useful resources

• Hero Patterns
• Google Fonts
• FontAwesome Icons
• Twitter Integration Documentation
• W3Schools - Loader
• Random Quote API
• Fix CORS Error Article

🧪 Another Versions

• Quote Generator Local → View Repository

• Quote Generator → View Repository

🏷️ Quote Generator Optional

🔜 Next Project

• Infinite Scroll | Project 2/20 → View Repository

---

👤 Author

🌐 Connect with Me

• Instagram
• YouTube

💻 Coding Profiles

• freeCodeCamp
• FrontendMentor
• GitHub

🙌 Thanks for checking out my project! More coming soon. Stay tuned 🚀