Skip to content

MemeGenerator is a fun and interactive React app that lets users create custom memes using real-time image templates and personalized text. Built with functional components and hooks, this project showcases how to manage state, handle user input, and fetch data from external APIs—all while keeping the experience lighthearted and creative.

Notifications You must be signed in to change notification settings

Aliromia21/MemeGenerator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MemeGenerator 🎨

A simple React app that lets users create custom memes using images and text overlays. Built for fun and learning, this project demonstrates how to manage state, handle user input, and dynamically render content in React.

🚀 Features

  • Browse a collection of meme templates
  • Add custom top and bottom text
  • Generate and display your meme instantly
  • Responsive and easy-to-use interface

🛠️ Technologies Used

  • React (Functional Components + Hooks)
  • JavaScript (ES6+)
  • HTML & CSS
  • Imgflip API (for meme templates)

📦 Installation

  1. Clone the repository:

    git clone https://github.com/Aliromia21/MemeGenerator.git
    cd MemeGenerator
  2. Install The Dependencies :

    npm install
  3. Start the development server:

    npm start
  4. 📸 Usage

    Enter your custom top and bottom text

    Click the “Generate Meme” button

    Enjoy your personalized meme!

  5. 🧠 Learning Objectives

    This project is great for understanding:

    React state management with useState

    Fetching data with useEffect

    Handling form inputs

    Conditional rendering and dynamic content

    Happy meme-making! 😄

About

MemeGenerator is a fun and interactive React app that lets users create custom memes using real-time image templates and personalized text. Built with functional components and hooks, this project showcases how to manage state, handle user input, and fetch data from external APIs—all while keeping the experience lighthearted and creative.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published