Product surface
The experience combines product discovery, search and filters, cart behavior, brand and service information, physical-location guidance, WhatsApp contact, and educational articles in one responsive storefront.
Architecture
Next.js and React provide the public experience. Supabase supports the catalog and administration boundary, while a local product fallback keeps the storefront useful when remote data is unavailable. The project also includes sitemap, robots, analytics, structured SEO content, and a focused blog.
Quality evidence
Jest and Testing Library cover cart state, product cards, filters, database boundaries, and the main page. Web-vitals instrumentation and documented SEO and test strategies make performance and discoverability explicit engineering concerns.
Why it belongs
This is production work shaped by real inventory, content, location, payment, and customer-contact constraints. It shows the ability to translate an existing local business into a broad digital product rather than an isolated technical demo.
Confidentiality
The implementation repository remains private. This case study intentionally limits itself to public behavior, architecture at a safe level, and visible product outcomes.