Case study · React Native
Business Dashboard
A mobile dashboard for business owners on top of a cloud ERP. Sales, stock and finances in one scroll, and approvals for cashier requests right from the phone.
- Role
- Mobile Developer
- Platform
- React Native
- Status
- Live on Play Store
- React Native
- TypeScript
- Realm
- Zustand
- D3
- Reanimated
- Firebase
What it handles
Business at a glance
Revenue, transaction count, average ticket and active customers for any branch and period, with best sellers, receivables and stock right below.
Charts for every angle
Revenue per month against last year, per branch, per channel and per salesman. Each chart opens full screen.
A dashboard you arrange
Drag widgets into your own order, hide the ones you do not need, and filter each one by period and branch.
Approvals from your pocket
When a cashier needs permission, the owner gets a push notification and approves or rejects it in one tap.
Tap through the dashboard
An interactive prototype built from real app screens with demo data. Browse the widgets, then approve a cashier request.
Tap the highlighted areas, like a Figma prototype.
Under the hood
- UI
- React Native with TypeScript, React Navigation, Reanimated and bottom sheets.
- Charts
- Custom chart widgets built with D3 and Victory Native on react-native-svg.
- State
- Zustand stores, with Realm caching widgets, profiles and approvals offline.
- Network
- Axios clients for two backend API generations, with JWT refresh that queues and retries requests on 401.
- Notifications
- Firebase Cloud Messaging + Notifee, deep-linking into the approval whether the app is open, in the background or closed.
- Quality
- Firebase Crashlytics with a global JS error handler, and Firebase Analytics.