Perishable Shelf Stacking
Replaces the paper shelf-life list grocery stockers work from with a searchable product card showing the pre-calculated sticker date and exact shelf locations.
Stocking frozen bread and chilled tortillas starts with a question that should take seconds: how long does this product last, and where does it go? In practice it means hunting through a paper list set in tiny type, warped by the condensation that comes off frozen product, and organized in a way that defeats any quick scan. Two to five minutes per product, dozens of products a shift.
Then two more frictions. A product can sit in four places at once — ambient bread section, ambient display, frozen section, frozen display — and those change often enough that memory is unreliable. And once you have the shelf life, you still have to do the date math by hand.
This app collapses all of that into one screen. Search by name or UPC, or scan the barcode with the device camera, and you get a product card with the brand, the sticker date already calculated from shelf life and today's date, and the exact shelf locations in a plain section/aisle/bay table.
The model draws a distinction the paper list never could: the date printed on the sticker is a perishable date, derived from shelf life at the moment the product moves from freezer to shelf — not the package's own expiration date. Both are tracked, which lets a shelf review screen group active product by urgency, so the date-checking pass skips everything that isn't near retirement or a discount label.
Accessibility drove the interface rather than decorating it: the original list was hardest on vision-impaired stockers, so text sizing, contrast, focus behavior, and screen-reader announcements are covered by property-based tests and automated axe checks alongside the unit suite.
More projects
Back to Fluency AI
An English learning platform built around the gap between your mother tongue and English: tailored audio lessons plus AI conversation practice by voice.
Speak Level
An API-first speaking diagnostic: record a short sample and get a CEFR level, per-dimension scores, and recommendations ordered by impact.
Job Tracker
A private job-search app where Claude agents find, score, research and prepare applications, while every change they make waits for my approval.
Influence Crew Builder
Influence crew builder help optimize the crew composition to get the best result in your activities.
Money Tracker
Amazon Web Services (AWS), among other cloud computing vendors, enable our teams to focus on the creation of value to the client.
Exit Strategies
The GraphQL model is the center, from it you can generate the types used for AWS DataStore to implement your CRUDL operations.
Portfolio website
Personal website portfolio created to showcase my projects, skills and to be a way to interact with clients and developers.
Github Jobs
Making API calls is key to web development. This project explored the use of fetch to make API requests.
Nature at your feet
This project explores the basics properties of CSS Grid and how it allows responsive layouts.
Image Gallery
This project provided a possibility to use CSS Grid while trying to get a responsive website.