Skip to content

London | 26-ITP-May | Chinwe Chukwuma | Sprint 3 | Quote generator #1355

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
ChinweP wants to merge 18 commits into
base: main
Choose a base branch
from
Open

London | 26-ITP-May | Chinwe Chukwuma | Sprint 3 | Quote generator #1355

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
18 commits
Select commit Hold shift + click to select a range
7d8f402
Fix calculateMedian implementation so it passes all tests
ChinweP Jul 27, 2026
4649963
Add dedupe implementation that passes all current tests
ChinweP Jul 27, 2026
bb247fd
Implement findMax and add full test coverage for all input scenarios
ChinweP Jul 27, 2026
816b104
Implement sum function and add full test coverage
ChinweP Jul 27, 2026
64a2b80
Refactor includes to use a for-of loop
ChinweP Jul 27, 2026
b057112
Fix address lookup by using correct object property
ChinweP Jul 27, 2026
c76ea74
Fix object iteration by using Object.values() instead of for-of
ChinweP Jul 27, 2026
1743311
Add correct ingredient logging by looping through recipe.ingredients
ChinweP Jul 27, 2026
5ee5409
Add jest tests covering all contains() acceptance criteria
ChinweP Jul 28, 2026
03c6296
Fix invert function and add tests for key-value swapping
ChinweP Jul 29, 2026
f9dccd9
Update title element in `index.html` .
ChinweP Jul 31, 2026
5eb32ce
Add script.js file for quote generator logic
ChinweP Jul 31, 2026
7df982f
Add script.js to index.html so quote generator logic loads correctly
ChinweP Jul 31, 2026
c23f133
Add styling to quote generator
ChinweP Jul 31, 2026
beeca1c
Fix revert files from Sprint 1
ChinweP Aug 1, 2026
5e2db2b
fix revert files in Sprint-1
ChinweP Aug 1, 2026
2fdbb0a
fix remove changes to Sprint-2 files
ChinweP Aug 1, 2026
10273ee
Refactor quote generator: move event listeners into onload and replac…
ChinweP Aug 7, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 10 additions & 2 deletions Sprint-3/quote-generator/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,15 +1,23 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Title here</title>
<title>Quote generator app</title>
<script defer src="quotes.js"></script>
<script defer src="script.js"></script>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<h1>hello there</h1>
<p id="quote"></p>
<p id="author"></p>
<button type="button" id="new-quote">New quote</button>
<label>
<input type="checkbox" id="auto-toggle" />
Auto-play
</label>

<p id="auto-status"></p>
</body>
</html>
30 changes: 30 additions & 0 deletions Sprint-3/quote-generator/script.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
const quoteP = document.querySelector("#quote");
const authorP = document.querySelector("#author");
const newQuoteBtn = document.querySelector("#new-quote");
const autoToggle = document.querySelector("#auto-toggle");
const autoStatus = document.querySelector("#auto-status");

const AUTO_PLAY_INTERVAL = 5000;
let intervalId = null;

function displayRandomQuote() {
const randomQuote = pickFromArray(quotes);
quoteP.innerText = randomQuote.quote;
authorP.innerText = randomQuote.author;
}

window.addEventListener("load", () => {
displayRandomQuote();

newQuoteBtn.addEventListener("click", displayRandomQuote);

autoToggle.addEventListener("change", () => {
if (autoToggle.checked) {
autoStatus.innerText = "auto-play:ON";
intervalId = setInterval(displayRandomQuote, AUTO_PLAY_INTERVAL); // 5 seconds for testing

@cjyuan cjyuan Aug 7, 2026

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If needed, this comment would be better placed where the variable is declared.

} else {
autoStatus.innerText = "auto-play:OFF";
clearInterval(intervalId);
}
});
});
70 changes: 69 additions & 1 deletion Sprint-3/quote-generator/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,69 @@
/** Write your CSS in here **/
body {
margin: 0;
padding: 0;
font-family: "Segoe UI", sans-serif;
background: linear-gradient(135deg, #4b79a1, #283e51);
color: white;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}

/* Quote box */
.quote-box {
background: rgba(255, 255, 255, 0.1);
padding: 30px 40px;
border-radius: 12px;
max-width: 600px;
backdrop-filter: blur(8px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
animation: fadeIn 0.8s ease;
}

/* Quote text */
#quote {
font-size: 1.6rem;
margin-bottom: 20px;
line-height: 1.4;
}

/* Author */
#author {
font-size: 1.2rem;
opacity: 0.8;
}

/* Button */
#new-quote {
margin-top: 30px;
padding: 12px 25px;
font-size: 1rem;
border: none;
border-radius: 8px;
background: #ffcc00;
color: #333;
cursor: pointer;
transition:
transform 0.2s ease,
background 0.3s ease;
}

#new-quote:hover {
background: #ffdb4d;
transform: scale(1.05);
}

/* Fade animation */
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
Loading