Meme Generator 😁

A fun and interactive meme generator that allows users to create their own memes by selecting templates, adding custom text and share the memes made.

Features • Tech Stack • Installation • Contributing • Screenshots • Live • Author

🎨 Features

• 🖼 Meme Template Selection - Choose from a wide range of meme templates.
• ✍ Custom Text Input - Add text anywhere to personalize your meme.
• ⚡ Instant Meme Preview - See real-time updates while editing.
• 🌍 API Integration - Fetches templates dynamically from the Imgflip API.
• 📱 Responsive Design - Optimized for mobile and desktop users.
• 📤 Share Memes - Share your generated meme with a single click via social media or messaging platforms.
• 💾 Download Memes - Download the generated meme directly to your device.

🛠 Tech Stack

Frontend

• React - UI component development
• Vite - Fast build tool and development server
• HTML5 - Structuring the web app
• CSS3 - Styling and layout
• JavaScript - Core logic and interactivity

API

• Imgflip API - Get the meme templates

🚀 Installation

1. Clone the repository

   git clone https://github.com/Ashwin-S-Nambiar/meme-generator.git
   cd meme-generator

2. Install dependencies

   npm install

3. Start the development server

   npm run dev

   The application will be accessible at http://localhost:5173.

🤝 Contributing

Contributions are welcome! Here's how you can help improve the Meme Generator:

1. Fork the repository

2. Create a feature branch:

   git checkout -b feature/amazing-feature

3. Commit your changes:

   git commit -m 'Add some amazing feature'

4. Push to the branch:

   git push origin feature/amazing-feature

5. Open a Pull Request

📸 Screenshots

App Interface

App Full Interface

Instructions

Adding Text to Template

Footer

Downloaded Meme

Share Meme

🌍 Live

👤 Author

Ashwin S Nambiar

• Portfolio: ashwin-s-nambiar.is-a.dev
• GitHub: @Ashwin-S-Nambiar

---

Made with ❤️ by Ashwin S Nambiar