PC Shop: React 19 E-Commerce Storefront (Source Code)
Regular licence
A React 19 + TypeScript PC hardware storefront with filters, cart, checkout and tests, built on Vite, Tailwind v4 and shadcn/ui.
Reviewed by AppKade before it was listed
About this product
A complete front-end for a PC components shop, migrated from Angular 19 to React 19. It's a solid base for a hardware or electronics store, or a reference for clean e-commerce state handling. What's included 48 hand-curated products across 8 categories, with category-specific specs (CPU socket and cores, GPU VRAM and length) Catalogue filters kept in the URL, so they survive reload, back/forward and shared links, with counts that respond to the other active filters Cart persisted to localStorage, with coupons and a checkout snapshot Cart drawer, checkout and billing all compute totals from one orderTotals() function Dark/light theme resolved before first paint, with no flash Build-time catalogue validation that fails on bad prices, duplicate ids or missing specs 155 unit tests (Vitest) and end-to-end tests (Playwright) on desktop and mobile How complete it is The storefront front-end is finished and tested. It has no backend, no real payment processing and no product photography: products show designed placeholders. Product data lives in JSON files, so you can connect your own API or database. Getting started Requires Node 20+. Run npm install, then npm run dev to develop, npm run build to build and npm test to run the tests. The README explains the structure. You get the full source code, a README and a design notes file. No product images, brand logos or retailer data are included, so add your own.
Key features
- 48-product catalogue, 8 categories
- Filters kept in the URL
- Persisted cart with coupons
- Checkout and billing flow
- Dark and light themes
- Build-time data validation
- 155 unit tests plus Playwright e2e
- React 19, Vite, Tailwind v4, shadcn/ui
Licence and delivery
- Licence
- Regular licence
- The buyer uses it in one project of their own.
- How you receive it
- Arranged with the buyer
- Delivered by the seller, outside AppKade.
What’s included
- Source code
- Documentation
- Handover support from the seller
Built with
- React 19
- TypeScript
- Vite
- Tailwind CSS
- shadcn/ui
- Zustand
- React Router
- Zod
- Vitest
- Playwright
Buying safely
- Ask for a demo and a look at the documentation before you pay, and check the licence terms in writing.
- Agree how and when the code is delivered. For an exclusive licence, ask for written confirmation that the seller keeps no copy to resell.
- Check the licences of the libraries and themes it uses, and walk away from “nulled” (cracked) paid scripts.
- Pay in stages or through a service you both trust. Never share passwords or one-time codes.
AppKade reviewed this listing, but isn’t part of the sale and doesn’t hold payments. Sales are between buyer and seller. Read how to buy safely and spot a scam. .