Как создать одностраничный конфигуратор пк?
Смотрите 
вам нужно очистить разум от мусора.
То что вы показали круто, но наворочено там много. 
Итак вам нужно сделать api на  сервере

Список процессоров
GET /api/getProcessorList - 

[
 {"id": "1", "name": "Xeon"},
 {"id": "2", "name": "Amd"},
]

Список систем охлаждения совместимым с выбранным процом
GET /api/getFanCompat/2

[
 {"id": "2", "name": "groower"},
 {"id": "4", "name": "waster"},
]

Список материнских плат совместимым с выбранным процом
GET /api/getMotherboard/2

[
 {"id": "2", "name": "asus"},
 {"id": "4", "name": "intel"},
]

И так по каждому пункту. 
В итоге у вас получается обьект сборки
{
 "client": "user",
 "cpu": "1",
 "fan": "2",
 "mb": "14",
  "ram": "99",
  "ramCount": 4,
  ......
}
Его вы отправляете на сервер
Post /api/build

Отображаете поздравлялку и перекидываете на страницу оформления заказа,
php, java, python... - любой язык для создания бэкенд приложений сгодится.
Тут важнее разработать механизм конфигуратора