apihub icon indicating copy to clipboard operation
apihub copied to clipboard

ci: Add Random Quote Generator with tsParticles Background and FreeAPI Integration

Open Raijin-cyber opened this issue 4 months ago β€’ 4 comments

✨ Random Quote Generator – Pull Request

πŸ”— Live Website: Random Quote Generator


πŸ›  Tech Stack

  • ⚑ Vite + React – For a fast, modern frontend setup

  • 🎨 Tailwind CSS – For effortless and responsive styling

  • 🌌 tsParticles – For interactive background animation

  • 🌐 FreeAPI – Fetching quotes using getQuoteById endpoint


🌟 Features

  • βœ… Responsive Design – Works seamlessly across all devices

  • 🧠 Animated Abstract Background – Adds a dynamic and modern visual experience

  • 🎯 Attractive CTA Button – Gradient styled β€œGet Inspired!” button to fetch quotes

  • πŸ“œ Clean Typography – Quotes are displayed in a legible and aesthetic format

  • πŸ”„ Dynamic Quote Fetching – Utilizes async API calls with robust error handling


πŸ–ΌοΈ Screenshots

image Screenshot_20250808-191502_Chrome

Desktop View | Button Highlight -- | -- Β  | Β 

πŸ“¦ Improvements Included

  • Refactored the getQuote function for better readability

  • Added .env handling to abstract API URLs

  • Clean separation of logic and styling


πŸ™Œ Why This PR Should Be Merged

This PR is a complete, polished, and deploy-ready component of the application.
It demonstrates strong fundamentals of React, API integration, environment variable handling, and modern UI design with Tailwind CSS + tsParticles.

I'm open to feedback and excited to contribute further improvements or features as needed!

Raijin-cyber avatar Aug 08 '25 13:08 Raijin-cyber

Do not update.gitkeep file

Hey! I realized I accidentally deleted .gitkeep before initializing Git. I’d like to restore it with its original commit history so it doesn’t show up as modified in the PR. Could you guide me on the cleanest way to do that? I want to make sure I follow your structure exactly. Thanks!

Raijin-cyber avatar Oct 17 '25 03:10 Raijin-cyber

If its a part of a commit which has other changes, then just undo the deletion and commit the changes thats fine.

wajeshubham avatar Oct 18 '25 12:10 wajeshubham

If its a part of a commit which has other changes, then just undo the deletion and commit the changes thats fine.

That .gitkeep file is not a part of the commit. Should I create a new PR and a completely new repo again?

Raijin-cyber avatar Oct 20 '25 07:10 Raijin-cyber

Sorry for the trouble. I am a beginner in open-source contributions.

Raijin-cyber avatar Oct 20 '25 07:10 Raijin-cyber