TipMate - Tip Calculator & Bill Splitting App

Smart Tips - Easy Living

Description

TipMate is a fast, reliable tip calculator app for quick gratuity calculations and easy bill splitting. Instantly work out tips, divide expenses among friends, and customize your preferences for stress-free group payments. Built with React Native, TipMate offers a clean, intuitive interface designed to make tipping and bill splitting as effortless as possible.

Download

Screenshots

Features

• Instant Tip Calculation: Calculate tips quickly with preset percentages (0%, 5%, 10%, 15%) or custom values
• Easy Bill Splitting: Divide the bill between 1 to 7 people or any custom number
• Rounding Options: Round up or down for more convenient payment amounts
• Multi-Currency Support: Switch between USD, EUR, GBP, JPY, and more with ease
• Custom Themes: Choose from vibrant color themes to personalize your experience
• Dark Mode: Enjoy a sleek, comfortable viewing experience
• Customizable Presets: Save your preferred tip percentages and split options
• Clean Interface: Modern, intuitive design for quick and easy use

Technology Stack

• Framework: React Native
• Language: TypeScript
• Styling: Unistyles
• State Management: React Context API
• Navigation: React Navigation
• Storage: AsyncStorage

Repository

GitHub: https://github.com/DevinByteX/TipMate-ReactNative

Requirements

• Node.js 18.0 or higher (LTS recommended)
• npm (v9+) or Yarn (v1.22.x)
• React Native CLI (install globally using npm install -g react-native-cli)
• Android Studio (latest version, includes Android SDK and emulator)
• JDK 17 (required for modern Android build tools)
• Xcode 15 or higher (for iOS development on macOS)

Installation

# Clone the repository
git clone https://github.com/DevinByteX/TipMate-ReactNative.git

# Navigate to the project directory
cd TipMate-ReactNative

# Install dependencies
npm install
# or
yarn install

Running the App

For Android

# Start Metro Bundler
npx react-native start

# Run on Android
npx react-native run-android

For iOS

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

# Start Metro Bundler
npx react-native start

# Run on iOS
npx react-native run-ios

Project Structure

TipMate-ReactNative/
├── android/                # Android native code
├── ios/                    # iOS native code
├── app/
│   ├── assets/             # Images, fonts, etc.
│   ├── components/         # Reusable components
│   ├── configs/             # Configs and Config functions
│   ├── context/            # React Context providers
│   ├── hooks/              # Custom React hooks
│   ├── navigation/         # Navigation configurations
│   ├── plugins/            # Some plugins with custom functions
│   ├── screens/            # Screen components
│   └── styles/             # Unistyles configurations
├── .gitignore
├── package.json
└── README.md

License

This project is licensed under the MIT License - see the LICENSE file for details.