Skip to content

tkwonn/computer-builder

Repository files navigation

Computer Builder

日本語版 README はこちら

Description

Select Page Result Page

  1. In this app, users would select major parts of the computer to build their own computer.
  2. It uses API to retrieve data in an asynchronous process. Depending on each component chosen by the user, it will calculate the specs of the computer and compare whether it is better for work or gaming.

Features

  • The results will not be displayed until the user has selected all the options.
  • Depending on the option the user select, the subsequent choices will change.
  • It can handle even if the user goes back and changes his/her past choices. That is, if the user changes his/her choice later, all the options involved will be reset and the user will be able to choose those options again.
  • Once the user has selected everything and clicked on the Get Results button, a computer object is generated and displayed with the benchmark score.

What I learned

  • How to use API to get data by asynchronous processing.
  • How to use JSON, Promise Object, and Lambda function.
  • How to deal with complex state logic (managed with useContext and useReducer).

Built With

Project Link: https://tkwonn.github.io/computer-builder/