London | May-2025 | Sisay Mehari | Reading List

[Sisu860]

Learners, PR Template

Self checklist

• I have committed my files one by one, on purpose, and for a reason
• I have titled my PR with Region | Cohort | FirstName LastName | Sprint | Assignment Title
• I have tested my changes
• My changes follow the style guide
• My changes meet the requirements of this task

📚 Reading List App
This pull request adds a dynamic reading list that:

Displays a list of books with title, author, and cover image

Visually distinguishes between books that have been read and unread

✅ What’s included
HTML scaffold with a #reading-list inside #content

JavaScript logic that:

Loops through the books array

Creates a list item (

) for each book

Adds

elements for title and author

Adds an with the book cover

Applies green/red background based on alreadyRead value

CSS styling to highlight read/unread books

🧪 Testing
All tests pass (npx jest script.test.js ✅)

Tests cover:

Rendering title and author

Including an image for each book

Correct background color based on reading status

Test file: script.test.js

Questions:
None at the moment.