😂 Meme Generator

---

🚀 Live Demo

🔗 https://meme-generator-eta-eight.vercel.app/

---

📖 Overview

Meme Generator is a web application that allows users to create hilarious memes by adding custom captions to popular meme templates. Users can search memes, customize text, preview changes in real time, and export memes in various formats.

---

✨ Features

• 😂 Generate memes instantly
• 🔍 Search meme templates
• ✏️ Add custom top and bottom text
• 🎨 Real-time meme preview
• 🌙 Dark & Light Mode
• 📜 Meme History Tracking
• 📤 Download memes
• ⚡ Fast React + Vite performance
• 🤖 Dynamic AI Meme Generation
• 📱 Responsive Design

---

🛠️ Tech Stack

Frontend

• React
• Vite
• JavaScript
• React Router
• Tailwind CSS

UI & Animation

• GSAP
• React Icons

Backend Utilities

• Express.js
• Node.js

Testing

• Vitest
• React Testing Library

---

📂 Project Structure

src
│
├── components
│   ├── MemeSearch
│   ├── DynamicMeme
│   ├── ExportButton
│   ├── History
│   ├── Navbar
│   └── Home
│
├── contexts
├── utils
├── App.jsx
└── main.jsx

---

⚙️ Installation

Clone Repository

git clone https://github.com/Sathish292004/Meme-Generator.git

Navigate to Project

cd Meme-Generator

Install Dependencies

npm install

Start Development Server

npm run dev

Run API Server

npm run dev:api

Run Full Application

npm run dev:full

---

🌐 Access Application

http://localhost:5173

---

🎯 Learning Outcomes

• React Fundamentals
• Component-Based Architecture
• State Management
• React Router
• API Integration
• Image Processing
• Responsive UI Design
• Modern Frontend Development

---

📸 Screenshots

Add your screenshots here:

![Home](screenshots/home.png)

![Meme Generator](screenshots/meme-generator.png)

![Export Options](screenshots/export.png)

---

🔮 Future Improvements

• AI Caption Suggestions
• User Authentication
• Meme Sharing Platform
• Meme Categories
• Social Media Integration
• Watermark Removal Options

---

👨‍💻 Author

Sathish Kumar B

Java & Full Stack Developer

🔗 GitHub: https://github.com/Sathish292004

---

⭐ If you found this project useful, consider giving it a star!