GitHub Reacts is a React application that generates humorous memes based on GitHub usernames. Users can receive either a funny compliment or a playful insult. The app features dynamic animations using Framer Motion and handles API interactions with Axios.
You can try out the live demo of GitHub Reacts at: https://github-reacts.vercel.app/
- Animated Text: Engaging text animations with Framer Motion.
- Meme Generation: Generate amusing compliments or insults based on GitHub usernames.
- Copy to Clipboard: Easily copy the generated memes with a single click.
- Responsive Design: Modern and mobile-friendly user interface.
Displays text with animations using Framer Motion. The component animates each letter individually with a floating effect and hover interactions.
Main component for generating memes. It includes:
- Username Input: Accepts GitHub usernames.
- Buttons: Generates either a compliment or insult.
- Error Handling: Displays error messages if the username is invalid or if there are other issues.
- Copy Functionality: Allows users to copy the generated meme to their clipboard.
Displays the footer with copyright information and creator details.
Displays the header with similar content to the footer.
Handles interactions with external APIs:
checkGitHubUser: Validates GitHub usernames.generateMeme: Requests meme content based on the username and type of meme (compliment or insult).
-
Clone the repository:
git clone https://github.com/StarKnightt/GitHub-Reacts.git
-
Navigate to the project directory:
cd GitHub-Generator -
Install dependencies:
npm install
-
Start the development server:
npm start
Create a .env file in the root directory and add your API key: (I'm using Groq ai)
VITE_GROQ_API_KEY=your_api_key_here
Feel free to open issues or submit pull requests to improve the project.
For questions or feedback, reach out to Prasenjit Nayak on GitHub.