Ayyad PC
A gaming PC and components store in Amman, with a live build configurator for matching compatible parts.
Overview
Ayyad PC is an e-commerce store for gaming PCs and components in Jordan, covering everything from pre-built systems to individual parts — CPUs, GPUs, motherboards, RAM, storage, monitors, and laptops. A live build configurator lets shoppers pick a use case, choose compatible parts, and see estimated power draw and pricing update as they go.
The Challenge
Buying gaming hardware usually means either trusting a fixed pre-built spec or navigating part compatibility alone. The goal was a store where shoppers could browse confidently and build a custom system without needing deep hardware knowledge.
The Solution
I built a catalog with clear specs and category browsing across PCs, CPUs, GPUs, motherboards, RAM, storage, monitors, and laptops, plus a live configurator: pick a use case, add compatible parts, and watch estimated power draw and price update in real time.
Key Features
- Live PC build configurator with real-time power and price estimates
- Category browsing across PCs, components, monitors, and laptops
- Deals section with countdown timers and stock status
- Jordan-wide delivery and local warranty details on every listing
Technologies
- Angular
- TypeScript
- SCSS
- RxJS
Screenshots
Technical Highlights
- Built with Angular 22, with the configurator's compatibility and pricing logic running entirely client-side for instant feedback
- Category and product data structured for fast filtering across a large catalog
Result
A live, production storefront where shoppers can go from browsing to a compatible, priced build without leaving the page.