Resume
← Back to projects

BigTipper

A fast, one-handed tip calculator for dining out—bill, tip, total, with optional whole-dollar rounding.

BigTipper is a React Native CLI app: Metro bundles JS into the Android/iOS shells; no server—everything is on-device.

Root: GestureHandlerRootView → RNE ThemeProvider (custom theme in src/config/theme.js) → ColorScheme (syncs OS light/dark to RNE) → AppNavigator.

Screen keeps amount, tip %, and rounding in React state. TipWindow shows the summary; Keypad handles digit entry (via parseCurrencyInput), tip presets/slider, and rounding. calculateTipTotals holds the tip/total math (including “round total, then derive tip”).

Structure: src/components/ for UI pieces, src/features/tip/ for pure calculation/parsing, src/screens/ and src/navigation/ for flow. Jest covers the tip/parsing logic.

BigTipper app screenshot — tip calculator on phone