Skip to content
SG.
All work

[18] FRONTEND · 2023

PC Workshop

PC Workshop is a full-stack application for custom PC building, offering users a comprehensive catalog of PC components and tools to design and complete their own custom builds.

  • Next.js
  • Redux Toolkit
  • Ant Design
  • Node.js
  • Express
  • MongoDB
Live ↗ PC Workshop (opens in a new tab)Code ↗ for PC Workshop (opens in a new tab)Backend ↗ code for PC Workshop (opens in a new tab)
PC Workshop screenshot

01 — OVERVIEW

PC Workshop is a full-stack application for custom PC building, offering users a comprehensive catalog of PC components and tools to design and complete their own custom builds. Users can browse through various categories, view detailed component specifications, and manage their configurations. The application also includes personalized login for build tracking and a secure checkout for purchasing parts.

02 — KEY FEATURES

  1. 01User authentication and personalized login
  2. 02Category-wise catalog for efficient browsing of components
  3. 03Detailed product pages with specifications, ratings, and reviews
  4. 04Private PC Build page for logged-in users to customize their builds
  5. 05Real-time PC component selection with progress tracking
  6. 06Fully functional PC configuration management to complete builds
  7. 07Responsive design ensuring compatibility on all devices
  8. 08Secure checkout for purchasing selected components
  9. 09Interactive UI with live updates on component compatibility and price calculations
Next projectTask Nexus