Skip to content

Latest commit

 

History

History
38 lines (26 loc) · 1.42 KB

README.md

File metadata and controls

38 lines (26 loc) · 1.42 KB

Meme Generator

This project is a simple meme generator built using React, allowing users to create their own custom memes by adding text over pre-selected images. The app provides an intuitive UI where users can choose an image and input top and bottom text, which is then displayed over the meme template.

Features

  • Random Meme Image Generation: The app fetches a collection of meme templates from an API and allows users to randomly select an image for customization.

  • Text Input Fields: Users can input both top and bottom text, which gets dynamically rendered over the selected meme image.

  • Real-time Preview: As users type the text, it immediately appears on the meme, giving a live preview of how the final meme will look.

  • Responsive UI: The app is responsive, making it accessible across various device sizes, from desktop to mobile.

Installation and Usage

  1. Clone the repository:
    git clone https://github.com/SIEcoder/Meme-generator-3
  2. Navigate to the project folder and install dependencies:
    cd Meme-generator-3
    npm install
  3. Run the app:
    npm start
  4. Open the app in your browser at http://localhost:3000.

Tech Stack

  • React: For building the interactive front-end components.
  • API Integration: Fetches meme templates from an external API to provide diverse options.
  • CSS: For styling the meme generator layout.