Meme Generator App

This is a React-based Meme Generator that allows users to create custom memes by adding their own text on meme images. Users can generate random meme images from a pre-defined set and input their own top and bottom text.

Features

• Generate a random meme image from a dataset of memes.
• Input custom top and bottom text.
• Text appears dynamically over the meme image.
• Fully responsive design.

Technologies Used

• React + Vite: Fast development environment for building the app.
• JavaScript (ES6): Core scripting language.
• CSS: For styling the components.
• HTML: Structure of the app.

Installation

1. Clone the repository:

   git clone https://github.com/your-username/meme-generator.git

2. Navigate into the project directory:

   cd meme-generator

3. Install the dependencies:

   npm install

4. Start the development server:

   npm run dev

Usage

1. Enter your custom top text and bottom text in the input fields.
2. Click the "Get a new meme image" button to fetch a random meme.
3. Your custom text will automatically appear on the selected image.
4. The app is responsive and can be used on any device.

Folder Structure

├── public
│   └── index.html
├── src
│   ├── assets
│   ├── components
│   │   └── Meme.jsx
│   ├── App.jsx
│   ├── index.css
│   ├── main.jsx
│   ├── memesData.js
├── .gitignore
├── package.json
└── vite.config.js

License

This project is open-source and available under the MIT License.