Skip to content

README.md

Latest commit

 

History

History
64 lines (37 loc) · 1.32 KB

README.md

File metadata and controls

64 lines (37 loc) · 1.32 KB

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! 😄