https://github.com/dalascript/quote-generator-local
ZTM JS Web Projects Course | Quote Generator Local | Project 1/20
https://github.com/dalascript/quote-generator-local
css html javascript quote-generator zerotomastery
Last synced: 6 months ago
JSON representation
ZTM JS Web Projects Course | Quote Generator Local | Project 1/20
- Host: GitHub
- URL: https://github.com/dalascript/quote-generator-local
- Owner: DalaScript
- Created: 2025-09-04T21:40:53.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-09-04T22:16:38.000Z (6 months ago)
- Last Synced: 2025-09-05T00:18:18.162Z (6 months ago)
- Topics: css, html, javascript, quote-generator, zerotomastery
- Language: JavaScript
- Homepage: https://dalascript.github.io/quote-generator-local/
- Size: 440 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Quote Generator Local | ZTM JS Web Projects Course
**Project 1/20**
A simple and aesthetic random quote generator that displays locally stored quotes with a stylish UI. Users can view new quotes and tweet them directly.
---
## 📚 Table of Contents
- [🔎 Overview](#-overview)
- [📸 Screenshot](#-screenshot)
- [🔗 Links](#-links)
- [📌 Features](#-features)
- [🛠️ Built with](#️-built-with)
- [🧠 My process](#-my-process)
- [🗃️ Useful resources](#️-useful-resources)
- [🧪 Another Versions](#-another-versions)
- [🔜 Next Project](#-next-project)
- [👤 Author](#-author)
- [🌐 Connect with Me](#-connect-with-me)
- [💻 Coding Profiles](#-coding-profiles)
---
## 🔎 Overview
### 📸 Screenshot
### 🔗 Links
- [🔴 Live Demo](https://dalascript.github.io/quote-generator-local/)
- [🗂️ GitHub Repository](https://github.com/DalaScript/quote-generator-local)
### 📌 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](https://heropatterns.com/)
- [Google Fonts](https://fonts.google.com/)
- [FontAwesome Icons](https://fontawesome.com/icons?d=gallery&q=close&m=free)
- [Twitter Integration Documentation](https://developer.x.com/en/docs/x-for-websites/tweet-button/guides/web-intent)
- [W3Schools - Loader](https://www.w3schools.com/howto/howto_css_loader.asp)
- [Random Quote API](https://forismatic.com/en/api/)
- [Fix CORS Error Article](https://medium.com/@dtkatz/3-ways-to-fix-the-cors-error-and-how-access-control-allow-origin-works-d97d55946d9)
### 🧪 Another Versions
- Quote Generator → [View Repository](https://github.com/DalaScript/quote-generator)
- Quote Generator Optional → [View Repository](https://github.com/DalaScript/quote-generator-optional)
### 🔜 Next Project
- Infinite Scroll | *Project 2/20* → [View Repository](https://github.com/DalaScript/infinity-scroll)
---
## 👤 Author
### 🌐 Connect with Me
- [Instagram](https://www.instagram.com/DalaScript)
- [YouTube](https://www.youtube.com/@DalaScript)
### 💻 Coding Profiles
- [freeCodeCamp](https://www.freecodecamp.org/DalaScript)
- [FrontendMentor](https://www.frontendmentor.io/profile/DalaScript)
- [GitHub](https://github.com/DalaScript)
*🙌 Thanks for checking out my project! More coming soon. Stay tuned 🚀*