😎 Meme Generator

🎨 Create hilarious memes with ease! 🎭

A powerful and intuitive React Native application for creating, editing, and sharing memes with your friends and social media.

---

🌟 Features

• 🖼️ Rich Image Editor - Add text, stickers, and effects to your images
• 📱 Cross-Platform - Works seamlessly on both iOS and Android
• ⚡ Fast Refresh - See your changes instantly during development
• 🎯 Touch Controls - Intuitive drag, resize, and rotate interactions
• 📐 Snap Guides - Perfect alignment for professional-looking memes
• ↩️ Undo/Redo - Never lose your creative progress
• 🎨 Modern UI - Beautiful and responsive design

📱 Screenshots

🤖 Android

🍎 iOS

🚀 Quick Start

📋 Prerequisites: Ensure you have completed the React Native Environment Setup guide.

🔧 Installation

1. Clone the repository

   git clone https://github.com/thoriqdharmawan/meme-generator/
   cd MemeGenerator

2. Install dependencies

   # Using npm
   npm install
   
   # OR using Yarn
   yarn install

3. iOS Setup (macOS only)

   # Install CocoaPods dependencies
   cd ios && pod install && cd ..

🏃‍♂️ Running the Application

📱 Start Metro Bundler

# Using npm
npm start

# OR using Yarn
yarn start

🤖 Android

# Using npm
npm run android

# OR using Yarn
yarn android

🍎 iOS

# Using npm
npm run ios

# OR using Yarn
yarn ios

🛠️ Development

📝 Available Scripts

Command	Description
npm start	🚀 Start Metro bundler
npm run android	🤖 Run on Android device/emulator
npm run ios	🍎 Run on iOS device/simulator
npm run lint	🔍 Run ESLint
npm run lint:fix	🔧 Fix ESLint issues
npm run format	✨ Format code with Prettier
npm run type-check	📋 Run TypeScript checks
npm run test	🧪 Run tests

🎯 Development Tips

• Fast Refresh: Save any file to see changes instantly
• Debug Menu:
  • Android: Ctrl + M (Windows/Linux) or Cmd ⌘ + M (macOS)
  • iOS: Cmd ⌘ + D
• Reload App:
  • Android: Press R twice
  • iOS: Press R in simulator

🏗️ Project Structure

src/
├── 🎨 assets/           # Images, fonts, stickers
├── 🧩 components/       # Reusable UI components
├── 📱 screens/         # App screens
├── 🎛️ features/        # Feature-specific modules
├── 🔧 hooks/           # Custom React hooks
├── 🌐 contexts/        # React contexts
├── 📦 types/           # TypeScript type definitions
└── 🛠️ utils/           # Utility functions

---

🎉 Happy Meme Making! 🎊

Made with ❤️ and ☕