motivational quote generator

• 

  image fo working project

🎯 Problem Statement In our fast-paced daily life, we often lose motivation or feel stuck. I wanted to build something simple but effective that can instantly boost someone’s mood — just with a click!

💡 Inspiration Behind the Project I personally love reading motivational quotes, and I thought: "Why not create a clean and interactive tool that can give you a new boost every time you open it?" And thus, the Motivational Quote Generator was born.

🛠️ What I Built I created a simple website using HTML, CSS, and JavaScript which:

Displays random motivational quotes from a curated list

Has a responsive UI that works on all devices

Plays a short motivational sound every time a new quote appears Plays a short motivational sound every time a new quote appears

Includes different categories like Self-Discipline, Focus, Failure, Confidence, etc.

⚙️ Tech Stack HTML – for structure

CSS – for styling and responsive design

JavaScript – for random quote generation and audio playback

😅 Challenges I Faced Managing multiple categories of quotes and linking them dynamically

Making audio work smoothly without delay

Git & GitHub errors (learned a LOT while pushing and fixing commits 😅)

📚 What I Learned DOM manipulation with JavaScript

Working with audio elements in JS

How to use Git & GitHub more effectively

Writing clean and readable code for beginners

Structuring a project for public use

🙌 Final Words This is one of my first proper web projects and it gave me a lot of confidence. If even one person feels motivated by this, my purpose is fulfilled 😊 Feel free to explore the code or contribute!

Built With

• css
• html
• javascript