Azan Market Dashboard

The customer app is only half of grocery. Someone still has to change a price, see what is late, and keep the catalog honest.

#Role

I built the dashboard UI and wired it to the same backend the mobile app uses. If a manager could not update a product without calling an engineer, the dashboard had failed.

#Constraint

Ops software is judged on speed of a boring task. Ant Design gave us tables, filters, and forms we did not have to invent. The hard part was keeping order, catalog, and inventory screens consistent so a manager was not relearning the app every week.

#What I built

• Order list and detail so a store can see what to pack.
• Catalog and price edits without a deploy.
• Shared Redux Toolkit data layer with the rest of the Azan Market web stack.

#Stack

React, Ant Design, Redux Toolkit, Styled Components, Axios.

#What I would do differently

Moment.js and Lodash ended up in more screens than they deserved. I would start with date-fns and a thinner data layer.

Azan Market

#Screens