Random Quote Generator

A dynamic random quote generator built with HTML, CSS, and JavaScript.

Features

• Generate random quotes
• Prevent immediate duplicate quotes
• Display quote and author dynamically
• Animated quote transitions
• Responsive interface

Tech Stack

• HTML5
• CSS3
• JavaScript (ES6+)

Concepts Practiced

• Arrays of objects
• Random quote generation
• Object destructuring
• do...while loops
• DOM manipulation
• classList
• setTimeout()
• Function separation
• CSS transitions and animations
• CSS pseudo-elements
• Template literals
• Modern CSS logical properties

Purpose

This project focuses on building a more interactive user interface with JavaScript while practicing structured data, random quote generation, duplicate prevention, animation timing, and separation of application logic from UI presentation.