Skip to content

A Quote Generator application, which fetches a new inspirational quote on every click, also giving the user, the benefit of posting on social media accounts such as Twitter.

Notifications You must be signed in to change notification settings

vvarss/Quote-Generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📌Quote Generator

A simple web application that fetches and displays a new inspirational quote every time you click the New Quote button. It also allows users to tweet the quote directly with one click.

🌟Features

  • Fetches real-time quotes from ZenQuotes API
  • Displays both quote text and author
  • Clean UI with smooth styling
  • "Tweet" button to directly share the quote on Twitter
  • Responsive design using HTML, CSS, and vanilla JavaScript
  • Error handling for API failures

📡API Used

The project fetches quotes using:

https://api.allorigins.win/raw?url=https://zenquotes.io/api/random

➕Dynamic Content Rendering

The following elements update dynamically:

<blockquote> → Quote text
<span> → Author name

Users see the new quote instantly on button click.

🛑Error Handling

If the API fails or responds slowly:

  • A fallback message appears
  • Errors are logged in the console This ensures the app doesn’t break unexpectedly.

✨Result

image

🪜Additional Information

  • When we click 'New Quote', the API may take time to generate a new quote due to traffic.
  • When we click 'Tweet', it will open into your twitter account, or ask you to login/signup for it.

✨Animation

Screen.Recording.2025-11-24.153427.mp4

About

A Quote Generator application, which fetches a new inspirational quote on every click, also giving the user, the benefit of posting on social media accounts such as Twitter.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published