👨‍🏫 Tutorial I Built a Car Wash POS System Mobile App Open for Feedback!

[Kenneth66]

Hey everyone!

I just finished building a Car Wash Point-of-Sale (POS) System as a mobile app and wanted to share it with the community. It's built with React Native (Expo) and designed to run cross-platform (iOS, Android, and Web).

---

What It Does​

This is a full-featured POS system tailored specifically for car wash businesses. Here's a breakdown:

Login & Role-Based Access

• Secure login system with two user roles: Admin and Cashier
• Each role has its own dashboard and set of permissions

Admin Dashboard

• View today's transactions, daily revenue, and total revenue at a glance
• Manage services (add, edit, delete wash packages)
• View full transaction history with filters
• Sidebar navigation with logo and clean UI

Cashier POS Screen

• Browse available car wash services by category: Basic, Premium, and Detail
• Add services to cart, adjust quantities
• Enter customer name, vehicle plate, and vehicle type
• Choose payment method: Cash or Card
• Complete transactions with a summary receipt

Service Management

• Services have name, description, price, estimated duration, emoji icon, and category
• Toggle services active/inactive
• Categorized with color coding (Green = Basic, Orange = Premium, Purple = Detail)

Transaction History

• View all completed, pending, and cancelled transactions
• Track which cashier handled each transaction
• All amounts displayed in Philippine Peso (₱)

Tech Stack

1. LayerTechnology
2. FrontendReact Native + Expo (SDK 54)
3. RoutingExpo Router (file-based, tab navigation)
4. BackendHono + tRPC
5. StateReact Context + React Query
6. IconsLucide React Native
7. StylingReact Native StyleSheet
8. PlatformiOS, Android, Web

You do not have permission to view the full content of this post. Log in or register now.