Back to Ammar
Industrial · React Native engineer · UI and API integration
iCATM
A production React Native app for MRO inventory — Category, Noun, Modifier, and Attribute templates so spare parts are described consistently instead of as free-form text. Live on Google Play as iCATM: Inventory Cataloging.
Challenge
Spare-part catalogs rot when anyone can type a description. Duplicate records, encrypted names, and missing attributes make warehouse stock invisible — and maintenance waits on parts that already exist.
Solution
Built the full mobile UI and wired it to backend APIs: auth, hierarchical browse (category → noun → modifier), scoped search, and attribute-level item records. Data stewards fill values against a preloaded dictionary; items sync to the MRO cloud and export as CSV.
Architecture
- 01React Native client with custom header, search, and 3-column catalog grid
- 02Bottom-tab plus stack navigation through the classification tree
- 03API-backed counts, images, and item master data (stock no., UNSPSC, location, qty)
- 04Auth surfaces: login, password visibility, forgot password, and sign up
- 05Four-tier data model: Category → Noun → Modifier → Attributes
Engineering challenges
- Designed the entire product UI for catalog density — image grids, level-scoped search, and a two-column spec layout for technical attributes.
- Integrated backend APIs for authentication, category trees, and item records rather than static lists.
- Kept navigation honest to the data model: each level is a real screen with its own search and totals.
Technologies
Outcome
Shipped on Google Play for MRO Management as a data dictionary for businesses, warehouses, and schools — English templates with additional language support, CSV export, and cloud-backed item records.