https://github.com/ramxcodes/chill-guy-frontend
This is a fun web app that roasts GitHub users based on their username. Simply enter any GitHub username, and the app fetches a custom roast for that username!
https://github.com/ramxcodes/chill-guy-frontend
Last synced: about 1 year ago
JSON representation
This is a fun web app that roasts GitHub users based on their username. Simply enter any GitHub username, and the app fetches a custom roast for that username!
- Host: GitHub
- URL: https://github.com/ramxcodes/chill-guy-frontend
- Owner: ramxcodes
- Created: 2024-11-28T21:07:53.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-28T22:28:58.000Z (over 1 year ago)
- Last Synced: 2025-02-05T13:51:16.050Z (over 1 year ago)
- Language: JavaScript
- Homepage: https://chillguy.ramx.in
- Size: 15.3 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Chill Guy frontend
This is a fun web app that roasts GitHub users based on their username. Simply enter any GitHub username, and the app fetches a custom roast for that username! Built using React and integrated with a backend API to generate the roasts, this website adds a touch of humor to the otherwise serious world of GitHub.
### Live Demo : https://chill-guy-roast.vercel.app
## Features
- **Enter GitHub Username**: Input any GitHub username to receive a custom roast.
- **Instant Feedback**: Get a roast immediately after clicking the button.
- **Loading Animation**: See a loading message while the server fetches your personalized roast.
- **Error Handling**: If something goes wrong, the app will prompt you to try again.
## Tech Stack
- **React**: The frontend is built with React, using hooks (`useState`) to manage the state and render the UI dynamically.
- **Axios**: For making API calls to the backend to fetch the roast based on the username.
- **Tailwind CSS**: The UI is styled using Tailwind CSS for a clean and responsive layout.
- **SVG Patterns**: Background is created with SVG patterns for an engaging and unique aesthetic.