WearTake
A framework-free fashion storefront with search, category filters and a persistent cart.
From entry to experience
- 01
Browse the storefront
Sample catalog with six fictional items.
- 02
Search and filter
Search and categories narrow the selection.
- 03
Use the cart
Add items and adjust quantities using browser-local storage.
Interface in action
Context & implementation
An original 2022 exercise modernized in 2026 with semantic HTML, responsive CSS and vanilla JavaScript. Six illustrative products support category filtering, searching, quantity changes, removing items and a browser-local cart that persists across reloads. No user accounts, real orders or payments.
- 01
The idea
Explore how a categorized storefront and cart can work with native web technologies, without React.
- 02
How it was built
HTML, CSS and JavaScript present six sample products. Search, category filters, quantities and a calculated cart are available; local storage keeps the cart after a browser refresh.
- 03
My contribution
Individual training project started in 2022 and recovered in 2026, focused on DOM manipulation, responsiveness and local state.
- 04
What is demonstrated
This is a browsable educational demo, without accounts or checkout. Data is not shared across devices or users.
- 05
What the code contains
- Category filters combined with name and description search.
- Shopping cart with quantities, per-item removal and calculated total.
- Validated local cart persistence across browser reloads.
- Responsive layout and automated Chromium browser tests.
A good conversation can
open new doors.
Seeking remote opportunities in applied AI, prompt design, AI training and response evaluation, drawing on a background in operations, customer service and digital brand management. Reach out through your preferred channel.