mirror of https://github.com/01-edu/public.git
Oumaima Fisaoui
2 months ago
1 changed files with 55 additions and 0 deletions
@ -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. |
Loading…
Reference in new issue