This is a simple meme generator built with React. Users can input custom top and bottom text, and generate random meme images using the Imgflip API.
- Fetches meme templates from the Imgflip API
- Displays a randomly selected meme image on button click
- Allows users to enter custom top and bottom text for the meme
- React (useState, useEffect)
- HTML & CSS
- Imgflip API
- Clone the repository:
git clone https://github.com/your-username/react-meme-generator.git
cd react-meme-generator- Install dependencies:
npm install- Start the development server:
npm startOpen your browser at http://localhost:3000 to use the app.
- The
useEffecthook fetches an array of meme templates from the Imgflip API when the component mounts. - The user can click the "Get a new meme image 🖼" button to randomly select a meme image from the fetched list.
- Input fields let the user type in top and bottom text which will be displayed over the meme image.