Webstaurant Admin Tools

Completed: 2025

I used: React, tailwindcss, Ant Design, Figma, NextJS, React Hooks

I worked as a Fron-End dev on WebstrantStore’s internal tools design team. I worked on a handful of tools used by customer service team.

Each tool started with a search page where Customer Service Reps would lookup a customer, cart, order, or quote.

I built the View User Cart tool UI from Figma designs utilizing Ant design. I would work closely with a designer to ensure pixel-perfect designs.

The View User Cart tool really pushed the limits of Ant Design table library.

The Customer Overview tool displays information about the customer organized across 7 tabs. Each tab contains a handful of tables, and other cards/widgets with customer data.

This project taught me to work within a common design system. Even tho different projects may have different codebases, they all appear unified under the Ant Design language.


Comments

Leave a Reply

Your email address will not be published. Required fields are marked *