Field Sales Entry
Reps capture sales directly on-site — no double entry, no waiting for desktop access.
Mobile · Field Operations
Inventory Salesform — Mobile App
A React Native companion app that brings the Enviromaster sales and inventory platform to field teams — built for the way mobile workers actually work: fast, touch-first, and forgiving of spotty connections.
Overview
Field teams shouldn't have to wait until they're back at a desktop to log a sale or update inventory. This mobile app extends the Enviromaster web platform into a touch-first tool that field reps can use directly on-site — capturing sales entries, managing stock checkouts, and syncing inventory updates as they happen.
The mobile experience shares the same backend and data model as the web platform, so anything captured on the ground is immediately visible to operations on the web dashboards.
My Role
- Designed and built the React Native app for sales and inventory workflows in the field.
- Reused the existing Enviromaster Node.js / Express APIs and PostgreSQL data model — designing mobile-friendly endpoints where needed.
- Built offline-friendly forms that tolerate intermittent connectivity and sync once the device is back online.
- Designed the UX with a touch-first mindset — large tap targets, minimal typing, and clear error states.
Tech Stack
Mobile
- React Native
- JavaScript
- Offline-tolerant forms
Backend
- Node.js
- Express.js
- REST APIs
Data
- PostgreSQL
- Shared schema with web
Key Features
Stock Checkout
Mobile-first checkout flow that updates inventory in real time as items leave the warehouse or are issued.
Inventory Sync
Tight integration with the central platform so mobile updates flow straight into the web dashboards.
Offline-friendly Forms
Forms gracefully handle no-signal moments — data is held and synced as soon as connectivity returns.
Touch-first Interface
Big tap targets, minimal typing, and clear visual feedback — designed for hands that aren't always free.
Shared Backend
Reuses the Enviromaster API surface and data model so mobile and web stay perfectly consistent.
Screenshots
Drop screenshot at
../assets/images/salesform-1.png
../assets/images/salesform-1.png
Drop screenshot at
../assets/images/salesform-2.png
../assets/images/salesform-2.png
Drop screenshot at
../assets/images/salesform-3.png
../assets/images/salesform-3.png
Challenges & Solutions
Challenge
Field reps often work in areas with patchy connectivity — a form that fails on submit is worse than no form at all.
Solution
Built offline-friendly forms that hold submissions locally and sync to the backend once the device is back online, with clear feedback so users know nothing is lost.
Challenge
Keeping mobile and web in lockstep without duplicating business logic across two codebases.
Solution
Reused the existing Enviromaster APIs and PostgreSQL schema as the single source of truth — the mobile app is a new client on top, not a parallel system.
Outcomes & Learnings
- Brought the sales and inventory workflows to where the work actually happens — out in the field.
- Practical experience designing for offline-first, where "the network might fail" is the default assumption.
- Reinforced the value of sharing backend infrastructure between web and mobile rather than rebuilding it.