Skip to content

Conversation

Raijin-cyber
Copy link

@Raijin-cyber Raijin-cyber commented Aug 8, 2025

✨ 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 Raijin-cyber changed the title Add Random Quote Generator with tsParticles Background and FreeAPI Integration ci: Add Random Quote Generator with tsParticles Background and FreeAPI Integration Aug 10, 2025
Copy link
Collaborator

@wajeshubham wajeshubham left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Do not update.gitkeep file

@Raijin-cyber
Copy link
Author

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!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants