Meme Converter

A React Native mobile application for managing conversion entities with customizable coefficients. Perfect for quick calculations and conversions on the go. Vibe coded in v0.dev mostly with the little-not-very-useful help of claude code and Cursor with various MCPs. A pinch of manual work and fixes added after to make it work.

Features

• Create and manage conversion entities with custom coefficients
• Perform instant calculations based on input values
• Favorite important converters for quick access
• Search functionality to easily find specific converters
• Sort entities by name, coefficient, or creation date
• Swipe actions for quick entity management (favorite/delete)
• Clean, modern UI with NativeWind (Tailwind CSS)
• Data persistence using AsyncStorage

Tech Stack

• React Native with Expo
• TypeScript
• React Navigation for screen navigation
• NativeWind/TailwindCSS for styling
• AsyncStorage for local data persistence
• React Native Gesture Handler & Reanimated for swipe actions

Installation

1. Clone the repository

   git clone https://github.com/yourusername/meme-converter.git
   cd meme-converter
   

2. Install dependencies

   npm install
   

3. Start the development server

   npm start
   

4. Run on your device or emulator

   # For iOS
   npm run ios
   
   # For Android
   npm run android
   

Usage

1. Home Screen: View all your conversion entities, search, and sort them
2. Add Entity: Create new conversion entities with a name and coefficient
3. Edit Entity: Modify existing entities
4. Conversion: Enter a value in the input field to see the converted result instantly
5. Swipe Actions:
   • Swipe left to delete an entity
   • Swipe right to favorite/unfavorite an entity

Project Structure

meme-converter/
├── src/
│   ├── components/     # Reusable UI components
│   ├── context/        # Context providers (EntityContext)
│   ├── screens/        # Application screens
│   └── types/          # TypeScript type definitions
├── assets/             # Images and other static assets
├── App.tsx             # Main application component
└── package.json        # Project dependencies

License

MIT

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.