-
Notifications
You must be signed in to change notification settings - Fork 445
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
ec6f121
commit 63ae88e
Showing
1 changed file
with
55 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,55 @@ | ||
#### General | ||
|
||
##### Check the Repository Content: | ||
|
||
Files that must be inside the repository: | ||
|
||
- robots-harmony.html | ||
- robots-harmony.css | ||
- robots-harmony.js | ||
|
||
###### Are the required files present in the repository? | ||
|
||
#### HTML Structure | ||
|
||
###### Verify that the HTML file contains a `<head>`, `<body>`, and `<html>` tag. | ||
|
||
###### Check if the `robots-harmony.html` file includes a `<div>` with the ID gallery. | ||
|
||
###### Verify that each robot is placed inside its own div with a class of `name-robot` (The name is the team member's name). | ||
|
||
###### Ensure that each robot's section has an `<h3>` for the robot’s name and a `<p>` for the robot’s description. | ||
|
||
###### Is the HTML structure properly set up according to the instructions? | ||
|
||
###### Does each robot have its unique div with appropriate classes and tags? | ||
|
||
#### CSS Styling: | ||
|
||
###### Verify that the `robots-harmony.css` file includes the required global styles, such as `*`, `body`, `section`, and others. | ||
|
||
###### Ensure that the `#gallery` ID has been styled with the required properties, including a customized `background-color`. | ||
|
||
###### Confirm that each `name-robot` class has been styled using the block provided in the instructions. | ||
|
||
###### Verify that a `hover animation` is applied to each robot's class. | ||
|
||
###### Verify that a `background` animation is applied. | ||
|
||
#### JavaScript Functionality | ||
|
||
###### Verify that `robots-harmony.js` is correctly linked to the HTML file. | ||
|
||
###### Check if the functions `changeArmColor`, `changeLegColor`, `changeEyeColor`, and `changeFaceColor` are implemented correctly. | ||
|
||
###### Ensure that the event listeners are set up to listen for `keydown` events and trigger the correct functions. | ||
|
||
###### Are the event listeners working as expected when keys are pressed? | ||
|
||
#### Functionality and Design | ||
|
||
###### Test the website to ensure that all robots are displayed correctly in the gallery. | ||
|
||
###### Verify that all mandatory interactive features (color changes on `keydown`, hover and background effects) function as intended. | ||
|
||
##### Bonus: If the team implemented further functionalities, ask for a quick presentation of what they added on their submission. |