From 27d0a502f35d300d6bd2b6fe7de808a2391a12d9 Mon Sep 17 00:00:00 2001
From: Nik Bezdzenariy <kartoshkinkapustin@gmail.com>
Date: Mon, 27 Apr 2026 19:06:08 +0200
Subject: [PATCH 1/2] feat: implement reading list with book display

---
 Sprint-3/reading-list/index.html |  6 +++---
 Sprint-3/reading-list/script.js  | 33 ++++++++++++++++++++++++++++++++
 2 files changed, 36 insertions(+), 3 deletions(-)
diff --git a/Sprint-3/reading-list/index.html b/Sprint-3/reading-list/index.html
index dbdb0f471..b59de35df 100644
--- a/Sprint-3/reading-list/index.html
+++ b/Sprint-3/reading-list/index.html
@@ -1,10 +1,10 @@
-<!DOCTYPE >
-<html lang="en_US">
+<!DOCTYPE html>
+<html lang="en">
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="stylesheet" href="style.css" />
-    <title>Title here</title>
+    <title>Reading List</title>
   </head>
   <body>
     <div id="content">
diff --git a/Sprint-3/reading-list/script.js b/Sprint-3/reading-list/script.js
index 6024d73a0..70fce5788 100644
--- a/Sprint-3/reading-list/script.js
+++ b/Sprint-3/reading-list/script.js
@@ -21,3 +21,36 @@ const books = [
   },
 ];
 
+// reading list code
+
+// 1. find the <ul> element
+const readingList = document.getElementById("reading-list");
+
+// 2. loop through each book
+books.forEach((book) => {
+  // 3. create elements
+  const li = document.createElement("li");
+  const h2 = document.createElement("h2");
+  const p = document.createElement("p");
+  const img = document.createElement("img");
+
+  // 4. set content
+h2.textContent = book.title;
+p.textContent = book.author;
+img.src = book.bookCoverImage;
+
+// 5. set background color based on read status 
+if (book.alreadyRead) {
+  li.style.backgroundColor = "green";
+} else {
+  li.style.backgroundColor = "red";
+}
+
+// 6. append elements to <li>
+li.appendChild(h2);
+li.appendChild(p);
+li.appendChild(img);
+
+// 7. append li to ul
+readingList.appendChild(li);
+});

From 42493a85077d775bbb486f46a2ff35560672c431 Mon Sep 17 00:00:00 2001
From: Nik Bezdzenariy <kartoshkinkapustin@gmail.com>
Date: Thu, 30 Apr 2026 13:05:03 +0200
Subject: [PATCH 2/2] =?UTF-8?q?Note:=20Downgraded=20jest-environment-jsdom?=
 =?UTF-8?q?=20from=20v30=20to=20v29=20due=20to=20JSDOM=2026=20color=20comp?=
 =?UTF-8?q?arison=20bug=20=E2=80=94=20getComputedStyle=20returns=20'rgb(25?=
 =?UTF-8?q?5,=200,=200)'=20instead=20of=20'red',=20breaking=20toHaveStyle?=
 =?UTF-8?q?=20assertions.=20JSDOM=2020=20(in=20jest=2029)=20returns=20colo?=
 =?UTF-8?q?rs=20in=20matching=20format.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Sprint-3/package.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/Sprint-3/package.json b/Sprint-3/package.json
index 711a5390f..c64340110 100644
--- a/Sprint-3/package.json
+++ b/Sprint-3/package.json
@@ -25,8 +25,8 @@
   "devDependencies": {
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/user-event": "^14.6.1",
-    "jest": "^30.0.4",
-    "jest-environment-jsdom": "^30.0.4"
+    "@testing-library/user-event": "^13.5.0",
+    "jest": "^29.0.0",
+    "jest-environment-jsdom": "^29.0.0"
   }
 }
