The Meme Generator App is a simple React application that allows users to generate random memes with customizable top and bottom text. Users can input their desired text, click a button to fetch a new random meme image, and see their text displayed on the meme.
- Input Fields: Users can enter their desired top and bottom text for the meme.
- Random Meme Image: Users can click a button to fetch a new random meme image.
- Display: The app displays the meme image with the entered text on it.
- React: Used for building the user interface.
- JavaScript: Used for the logic and functionality of the app.
- CSS: Used for styling the app.
To run the Meme Generator App locally, follow these steps:
- Clone the repository:
git clone https://github.com/yourusername/meme-generator.git
- Navigate to the project directory:
cd meme-generator
- Install the dependencies:
npm install
- Start the development server:
npm start dev
- Open your browser and navigate to
http://localhost:3000
. - Enter your desired top and bottom text in the input fields.
- Click the "Get a new meme image 🖼" button to fetch a new random meme image.
- Your entered text will be displayed on the fetched meme image.
- Imgflip for providing meme images.