https://github.com/thoriqdharmawan/meme-generator
📱 A fun and easy-to-use Meme Generator app built with React Native. create and customize memes instantly! 😄
https://github.com/thoriqdharmawan/meme-generator
react-native react-native-gesture-handler react-native-reanimated
Last synced: 13 days ago
JSON representation
📱 A fun and easy-to-use Meme Generator app built with React Native. create and customize memes instantly! 😄
- Host: GitHub
- URL: https://github.com/thoriqdharmawan/meme-generator
- Owner: thoriqdharmawan
- Created: 2025-05-31T15:10:08.000Z (26 days ago)
- Default Branch: main
- Last Pushed: 2025-06-08T10:04:39.000Z (18 days ago)
- Last Synced: 2025-06-08T11:18:55.340Z (18 days ago)
- Topics: react-native, react-native-gesture-handler, react-native-reanimated
- Language: TypeScript
- Homepage:
- Size: 2.41 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 😎 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.
[](https://reactnative.dev)
[](https://www.typescriptlang.org/)
[](https://developer.apple.com/ios/)
[](https://developer.android.com/)
---
## 🌟 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](https://reactnative.dev/docs/set-up-your-environment) guide.
### 🔧 Installation
1. **Clone the repository**
```bash
git clone https://github.com/thoriqdharmawan/meme-generator/
cd MemeGenerator
```
2. **Install dependencies**
```bash
# Using npm
npm install
# OR using Yarn
yarn install
```
3. **iOS Setup** (macOS only)
```bash
# Install CocoaPods dependencies
cd ios && pod install && cd ..
```
### 🏃♂️ Running the Application
#### 📱 Start Metro Bundler
```bash
# Using npm
npm start
# OR using Yarn
yarn start
```
#### 🤖 Android
```bash
# Using npm
npm run android
# OR using Yarn
yarn android
```
#### 🍎 iOS
```bash
# 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 ☕