ci: Add Random Quote Generator with tsParticles Background and FreeAPI Integration
β¨ 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
getQuoteByIdendpoint
π 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
π¦ Improvements Included
-
Refactored the
getQuotefunction for better readability -
Added
.envhandling 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!
Do not update
.gitkeepfile
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!
If its a part of a commit which has other changes, then just undo the deletion and commit the changes thats fine.
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?
Sorry for the trouble. I am a beginner in open-source contributions.