Back to Projects
Web App

Quote Generator

It's an example Quote Generator that displays random inspirational quotes. It is developed using HTML, CSS, JavaScript

HTMLCSSJavaScript

Project Overview

An inspirational quote generator that displays random quotes with author attribution and a share-to-Twitter feature. Each quote appears with a smooth fade-in animation and a matching color palette. The app fetches quotes from an external API and includes a one-click Twitter share button for easy social sharing.

Key Features

  • Random quote generation from API
  • Author attribution display
  • One-click Twitter/X share button
  • Smooth fade-in transition animations
  • Dynamic background color changes
  • Responsive design for all devices

Technical Highlights

The Fetch API retrieves quotes from a REST endpoint with async/await pattern. Twitter share uses the Web Share API with fallback to window.open. CSS transitions handle the quote fade-in effect. Dynamic color changes use HSL color manipulation in JavaScript.