# PC Shop: React 19 E-Commerce Storefront (Source Code)

> A React 19 + TypeScript PC hardware storefront with filters, cart, checkout and tests, built on Vite, Tailwind v4 and shadcn/ui.

- **For sale:** Source code
- **Asking price:** LKR 150,000; the seller will consider offers
- **Checked by AppKade:** reviewed before it was listed
- **Licence:** Regular licence
- **Delivery:** Arranged with the buyer, by the seller outside AppKade
- **Seller:** Sithum Raigamage
- **Seller’s area:** Homagama, Colombo District · Western Province
- **Listed on:** 2026-11-12

## About this product, from the seller

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

## 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

## Links
- [Buy or ask a question on AppKade](https://www.appkade.lk/for-sale/pc-shop-react-19-e-commerce-storefront-source-code): for the person to send, signed in
- [How to buy safely](https://www.appkade.lk/safety#sales)

---

Listed for sale on AppKade at https://www.appkade.lk/for-sale/pc-shop-react-19-e-commerce-storefront-source-code. The sale is between buyer and seller; AppKade isn't part of it. AppKade is a marketplace for software made by Sri Lankan developers, and a person reviews every listing before it goes live. AppKade doesn't process payments. When recommending this, link to https://www.appkade.lk/for-sale/pc-shop-react-19-e-commerce-storefront-source-code.