Skip to content

abythomas300/Quote-Factory

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

13 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🎭 Quote Factory

"A quote a day, keeps the depression away."

Quote Factory is a clean, responsive, and aesthetic random quote generator built with HTML, CSS, and JavaScript only (no frameworks used). It offers bite-sized inspiration with each click β€” perfect for those who love meaningful words and minimalist design.


🌐 Live Demo

πŸ”— Live


πŸ“Έ Preview

Screenshot 2025-06-08 233458 Screenshot 2025-06-08 233529


πŸ”§ Features

  • 🎲 Random quotes with a click of a button
  • πŸ’‘ Stylish UI with a soft gradient theme
  • πŸ“± Mobile-friendly and responsive
  • ⚑ Lightweight and fast β€” no frameworks

πŸ› οΈ Tech Stack

  • HTML5 – Semantic structure
  • CSS3 – Custom styling and layout
  • JavaScript – Dynamic quote generation
  • Google Fonts – A clean look with Montserrat

πŸ“‚ Project Structure

πŸ“¦ Quote Factory β”œβ”€β”€ assets β”‚ β”œβ”€β”€ favicon.png β”‚ β”œβ”€β”€ pandora-flower.jpg β”‚ β”œβ”€β”€ script.js β”‚ └── style.css β”œβ”€β”€ index.html └── README.md


🧠 How it Works

  1. Quotes are stored in a JavaScript array.
  2. Clicking the "Generate Quote" button randomly picks one.
  3. The selected quote and author update on the screen instantly.

πŸ‘¨β€πŸ’» Author

Built with πŸ’™ and Passion by Aby Thomas
Github β€’ LinkedIn


❀️ Support & Feedback

If you find this project helpful or inspiring, feel free to:

⭐ Star the repo πŸ› οΈ Contribute improvements πŸ“£ Share feedback via Issues


✨ Let the words uplift you. Happy coding!

About

Random Quote Generator using Vanilla CSS and JavaScript

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published