Skip to content

Selected work04E-commerce · Beauty & cosmetics

Shynx Store

Twenty products, five categories and a full shop: search, filters, wishlist, multi-step checkout.

Role
Design & development
Type
E-commerce · Beauty & cosmetics

Stack

  • React 19
  • React Router 7
  • Vite 8
  • Tailwind CSS 4
  • Zustand
  • Motion
  • GSAP
  • Express 5 + MySQL (optional API)
Visit live site
Shynx Store home page: "Fewer products. Better ones." beside a grid of skincare product photos

About the project

A responsive storefront for a health, beauty and cosmetics brand. Category landing pages, product pages, search, sorting and stock badges cover discovery; a persistent cart and wishlist, quick add and a multi-step checkout with order confirmation cover the purchase. A local catalogue keeps the demo self-contained, with an optional Express and MySQL API for persisted orders.

What it does

  • Category landing pages and product pages
  • Search, sorting and badges — bestseller, sale, sold out, new
  • Quick add, persistent cart and wishlist
  • Multi-step checkout with order confirmation
  • Responsive navigation, drawers and mobile filters
  • Keyboard-accessible interactions and reduced-motion support
  • Optional REST API for products, authentication and orders

Worth noticing

  1. 01Runs standalone on a local catalogue and upgrades to a persisted API without frontend changes
  2. 02Cart and wishlist state lives in Zustand and survives reloads
  3. 03Accessibility built in: skip link, keyboard flows, reduced-motion support
Shynx Store product grid with category badges and quick-add buttons
Shynx Store home page on a phone

Want something like this?

Open the live site, poke at it, then tell me what you have in mind. A two-line brief is enough to start.

Open ShynxHire me