Skip to content

atharva123aa/My-Quote-Generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

bf195c7 · · Apr 22, 2026

History

3 Commits
Apr 22, 2026
Apr 22, 2026

Repository files navigation

My Quote Generator

So basically what I made is a random quote generator using HTML, CSS and JavaScript. The idea was pretty simple — I wanted a page where you click a button and it shows you a new inspirational quote every time.

For the design I went with a light blue background and a white card in the center that holds the quote. I used a ridge border on the card because I thought it looked kinda cool, and added a box shadow to give it some depth. The buttons are orange and turn red when you hover over them.

The way it works is I have two arrays — one for quotes and one for authors. When you click "Get New Quote" it picks a random index and pulls the matching quote and author from both arrays. I know I could have used objects to pair them together but honestly two separate arrays was easier for me to understand and it works fine.

About

A simple quote generator I built with HTML, CSS and JS. It picks a random quote, shows it with a little loading effect, and lets you copy it to clipboard.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages