Description

Web Development – Exam 2 (retake) Student number: ______________
Surname/Name: _______________

Case description and the link:
Download the application from: https://github.com/hogeschool/development-web/tree/main/21-22/chance-2

The provided application for the exam is a simple PC shop preview application, where a user can check the computers available in the shop and their components (see below figure). In this application we have two main entities: PC, and Component. A PC has a 1-to-Many relationship with component, i.e., a PC is made of many components.

Description of the view:
The layout of this application (see image above) contains a home-button. In home you can see the computers (PCs) and their components stored in the database. For each PC a list of its parts (components) is displayed underneath it. Note, to surround an element with a box (like in the figure above) you will need to add a styling to the container div. Example, <div style={{border:”solid”}}>..</div> will display a solid border around the elements contained in the div. You do not need to implement the exact above styling to score points. We will only score the functionalities.

We provide you an exam application, which is missing a series of code blocks. Each code block is mapped to specific points. To get the points for a specific block you need to fill it with valid/correct code. To pass the exam you need to acquire at least 5.5 points. The missing code blocks are marked in the exam application by a TODO comment . In a TODO item you will also find the associated points. Note each TODO has a specific number necessary later for the submission (see submission rules in the following page). TODOs are distributed in the exam application as follows:
➢ Models o 3 TODOs 2 points ➢ Controllers: o 3 TODOs 3 points
➢ Views:
o 6 TODO 5 points

Submission form and rules
As you can see below (and in the application) each TODO is identified with a unique number. To accept your solution, you must write below the code you implemented in your exam application in the respective TODO slot. For example, if you wrote some code for TODO 5 in the exam application then you must copy it below in the TODO 5 slot. For this exam you do not need to upload the solution on N@tschool, but give these papers back to the attendant present in the room.
NB. Unreadable text in a TODO slot will give you 0 points for that specific TODO.

TODO 1 (0.5pt):

TODO 2 (0.5pt):

TODO 3 (1pt):

TODO 4 (0.5pt):

TODO 5 (1pt):

TODO 6 (1.5pt):

TODO 7 (1pt):

TODO 8 (1pt):

TODO 9 (1pt):

4
TODO 10 (0.5pt):

TODO 11 (0.5pt):

TODO 12 (1pt):

5