/React-Meme_Generator

Primary LanguageJavaScript

Meme Generating Web App

This is a simple web application that allows users to generate memes by fetching random images from an API and adding custom text to them. Users can input text for both the top and bottom of the image to create their own custom memes.

Meme Generator Demo

Features

  • Fetches random meme images from an external API.
  • Allows users to input custom text for the top and bottom of the meme.
  • Generates memes with the user-provided text overlaid on the image.
  • Easy to use interface with a single button to generate new memes.

Technologies Used

  • React.js
  • External API for fetching random memes
  • JavaScript (ES6+)
  • HTML/CSS

Setup

  1. Clone the repository to your local machine:

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

  2. Navigate to the project directory:

    cd meme-generator

  3. Install the dependencies

    npm install or npm i

  4. Start the development server:

    npm run dev

Usage

Enter your desired text in the input fields provided for the top and bottom of the meme.
Click the "Get a new meme image 🖼" button to generate a new meme with the entered text.
Enjoy and share your custom meme with friends!