Back to projects
Oroshi logo

Oroshi

Oroshi is a mobile app for a concept Japanese sushi brand built with React Native and TypeScript.

Accomplishments

  • Built a cross-platform sushi food-delivery mobile app ("Oroshi") using Expo and React Native with file-based routing via expo-router.
  • Set up the project foundation including app configuration, splash screen, and overall app architecture.
  • Implemented a bottom tab navigation experience with a custom-designed tab bar (CustomTabBar) and custom tab icons.
  • Built the Home screen featuring a blurred sticky top bar, delivery-address header, search input, sushi categories (Nigiri, Sashimi, Bento, Maki), and an "Explore Sushi" grid of restaurants/items with ratings and delivery times.
  • Built a Menu screen for browsing sushi items.
  • Built an Orders screen and a Profile screen (with vouchers/coins/edit profile UI elements).
  • Implemented a Notifications screen with routing from the home screen.
  • Built a Sushi Details screen (iterated on multiple times) for viewing an individual dish before ordering.
  • Implemented a two-step Checkout flow (checkout and checkout2 screens).
  • Built a Delivery Address screen with map-pin/location/search icons for choosing a delivery location.
  • Built a Delivery Tracking screen with a live-tracking style layout (scooter/car/shop/home/package icons).
  • Built order-status screens: Order Preparing and Order Delivered.
  • Built an in-app Chat screen (with call/chat/send icons) for customer–courier/support communication.
  • Designed and hand-coded a large custom SVG icon library (30+ icons) using react-native-svg, including delivery, location, chat, and rating icons.
  • Centralized theming/styling via a constants/theme.ts file and reusable themed components (themed-text, themed-view).
  • Maintained a clean Git workflow using a dev branch with pull requests merged into main (26+ PRs).

Links

Skills used

React NativeExpoexpo-routerTypeScriptreact-native-svg

Status

Completed
Not Live