Skip to content

Commit

Permalink
Merge branch 'main' into claudias_branch
Browse files Browse the repository at this point in the history
  • Loading branch information
@alissatroiano
alissatroiano authored Apr 24, 2022
2 parents 5e16a01 + 535f7f7 commit dc7d2df
Show file tree
Hide file tree
Showing 26 changed files with 408 additions and 99 deletions.
Binary file modified .DS_Store
View file
Binary file not shown.
59 changes: 59 additions & 0 deletions 404.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/css/style.css">
<!--Bootstrap 5 CDN-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<!--Google Fonts-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<!--Font Awesome 5.14-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<!--Favicon Link-->
<link rel="shortcut icon" type="image/ico" href="assets/images/favicon.ico" />
<link rel="shortcut icon" type="image/ico" href="assets/images/favicon.png" />
<title>404</title>

</head>

<body id="error-page">
<header>
<div id="navbar-container"></div>
</header>
<main>
<section class="container">
<div class="row my-0 mx-auto">
<div class="col-12">
<div class="mainbox">
<div class="err">4</div>
<i class="far fa-question-circle fa-spin mt-3"></i>
<div class="err2">4</div>
<div class="msg">
<p>Maybe this page moved? Got deleted? Is hiding out in quarantine? Never existed
in the first place?
</p>
<a class="btn btn-main btn-lg my-3" href="index.html">TAKE ME Home!</a>

</div>

<img class="img-fluid mt-3 mt-md-5"
src="https://cdn.pixabay.com/photo/2019/12/13/15/37/faulty-4693238_1280.png" alt="404"
id="img-404">
</div>
</div>
</div>
</section>
</main>
</body>

</html>
79 changes: 77 additions & 2 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,10 +12,9 @@
- [Project Goals](#project-goals)
- [User Stories](#user-stories)
- [Scope](#scope)
- [Testing](TESTING.md)
- [Testing](#testing)
- [Credits](#credits)


## Introduction

With climate change becoming a increasing urgent problem in our lives, [vehicle numbers globally now at an estimated 1.446 billion](https://hedgescompany.com/blog/2021/06/how-many-cars-are-there-in-the-world/) and [80% of lung diseases being caused by car pollution](https://study.com/academy/lesson/car-pollution-facts-lesson-for-kids.html#:~:text=Car%20engines%20release%20poisonous%20gases,a%20result%20of%20car%20pollution.) there is a no better time to start looking for more eco-friedly vehicles for the planets health and our own.
Expand All @@ -28,6 +27,8 @@ This project has been build as part of Code Institutes Earth Day Hackathon Event

## UX

![wireframes](“docs/wireframes/wireframes.pdf”)

### **Project Goals**
- Educate the user about the danger of climate change
- Show the
Expand Down Expand Up @@ -123,6 +124,75 @@ In addition to the Navbar features the footer displays:
- More Options button displays more cars from their one result
- Add link to buy the car

## **TESTING**

### HTML Test 1: index.html
1. Visit [W3C Validator](https://validator.w3.org/)
2. Paste the contents of `index.html` into the tool to check input
3. Click "check"
4. Observe warnings & errors
5. Notice there is a stray `</p>` tag on like 36
6. Open IDE and visit `index.html`
7. Remove the stray element
8. Repeat steps 1-3
9. Mark test "passed"

### HTML Test 2: Questions.html
1. Visit [W3C Validator](https://validator.w3.org/)
2. Paste the contents of `questions.html` into the tool to check input
3. Click "check"
4. Observe the following warning: "Potentially bad value sha512-....for attribute integrity on element link: Invalid base64-value ("
5. Open IDE and visit `questions.html`
6. Observe that there is an error in the font awesome CDN link
7. Conclude that error most likely occurred while merging or formatting the code
8. Replace with correct CDN link
9. Repeat steps 1-3
10. Observe validator's outpit, "Document checking completed. No errors or warnings to show"
11. Mark test "passed"

### JS Test 1: On Click/Select CSS Effect
1. Visit the project in the browser
2. Click on the CTA button to visit the calculator tool
3. Click on answers for each question
4. Observe how a CSS border effect is applied to the selected card when clicked
5. Notice that clicking on one of the cards a second time removes CSS `select` effect from other elements
6. Open Google Chrome Dev Tools and visit the **JavaScript console** to check for errors
7. Notice there are no errors in the console
8. Visit [JSHInt](https://jshint.com/) and paste contents of `script.js` into the testing space
9. Return to IDE and make all changes
10. Repeat steps 1-5 and observe same problem
11. Identify that error is coming from the grid structure in the HTML
12. Visit `questions.html` and notice the first row of questions is missing a closing `</div>`
13. Note that the absence of the closing `</div>` has left the row open and caused the bug
14. Add the missing `</div>` to close the row
15. Test again and notice the problem no longer exists
16. Mark test as, "PASS"

### JS Test 2: Evaluator
1. Visit the project in the browser
2. Click on the CTA button to visit the calculator tool
3. Use the Evaluator tool to generate a savings quote
4. Observe the number
5. Repeat steps 1-3 to ensure the price quote changes
6. Repeat steps 1-3 a few more times to test all functionality
7. Mark test as, "PASS"

### JS Test 3: JSON Fetch Error During Initial Deployment
1. Visit the **deployed** project in the browser
2. Click on the CTA button to visit the calculator tool
3. Scroll down to search for a vehicle
4. Click on a choice for each question
5. Click, "Search"


| **Bug ID** | **Description of Bug** | **Problem** | **Fix/Solution** |
|||||
|||||
|||||
|||||

### **Known Limitations**

## **DEPLOYMENT**

## **TECHNOLOGY USED**
Expand Down Expand Up @@ -197,6 +267,11 @@ In addition to the Navbar features the footer displays:
### **Media**
- [EvSpecifications](https://www.evspecifications.com/) - Source for the images of the cars in the database

- [EvSpecifications](https://www.evspecifications.com/)
Source for the images of the cars in the database

- [Pixabay](https://pixabay.com/illustrations/faulty-break-down-car-4693238/)

### **Acknowledgements**

The team includes:
Expand Down
52 changes: 51 additions & 1 deletion TESTING.md
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,41 @@

# TESTING

## JS TEST 1: On Click/Select CSS Effect

## HTML Tests

### HTML Test 1: index.html
1. Visit [W3C Validator](https://validator.w3.org/)
2. Paste the contents of `index.html` into the tool to check input
3. Click "check"
4. Observe warnings & errors
5. Notice there is a stray `</p>` tag on like 36
6. Open IDE and visit `index.html`
7. Remove the stray element
8. Repeat steps 1-3
9. Mark test "passed"

### HTML Test 2: Questions.html
1. Visit [W3C Validator](https://validator.w3.org/)
2. Paste the contents of `questions.html` into the tool to check input
3. Click "check"
4. Observe the following warning: "Potentially bad value sha512-....for attribute integrity on element link: Invalid base64-value ("
5. Open IDE and visit `questions.html`
6. Observe that there is an error in the font awesome CDN link
7. Conclude that error most likely occurred while merging or formatting the code
8. Replace with correct CDN link
9. Repeat steps 1-3
10. Observe validator's outpit, "Document checking completed. No errors or warnings to show"
11. Mark test "passed"


### HTML Test 3: team.html

## JavaScript Tests

## CSS Tests

### JS Test 1: On Click/Select CSS Effect
1. Visit the project in the browser
2. Click on the CTA button to visit the calculator tool
3. Click on answers for each question
Expand All @@ -18,3 +52,19 @@
14. Add the missing `</div>` to close the row
15. Test again and notice the problem no longer exists
16. Mark test as, "PASS"

### JS Test 2: Evaluator
1. Visit the project in the browser
2. Click on the CTA button to visit the calculator tool
3. Use the Evaluator tool to generate a savings quote
4. Observe the number
5. Repeat steps 1-3 to ensure the price quote changes
6. Repeat steps 1-3 a few more times to test all functionality
7. Mark test as, "PASS"

### JS Test 3: JSON Fetch Error During Initial Deployment
1. Visit the **deployed** project in the browser
2. Click on the CTA button to visit the calculator tool
3. Scroll down to search for a vehicle
4. Click on a choice for each question
5. Click, "Search"
Binary file added assets/.DS_Store
View file
Binary file not shown.
Loading

0 comments on commit dc7d2df

Please sign in to comment.