Skip to content

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

1 star

Watchers

1 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors