Skip to content

Birmingham | ITP-May-26 | Maryam Janjua | Sprint 4 | Project TV Show - #99

Open
maryam-devio wants to merge 12 commits into
CodeYourFuture:mainfrom
maryam-devio:main
Open

Birmingham | ITP-May-26 | Maryam Janjua | Sprint 4 | Project TV Show#99
maryam-devio wants to merge 12 commits into
CodeYourFuture:mainfrom
maryam-devio:main

Conversation

@maryam-devio

Copy link
Copy Markdown

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_NAME | FIRST_NAME LAST_NAME | SPRINT NUM | PROJECT NAME
  • I have tested my changes
  • My changes follow the style guide
  • My changes meet the requirements of this task

Changelist

• Built through levels 0-500. Static episode display, live search, episode
selector, replaced static data with fetch calls to the TVMaze API, added
a shows dropdown with cached fetching, and a shows listing home page with
show search, genres, status, rating, and runtime. Deployed to Netlify at:
https://final-project-tv-show.netlify.app/

• Partnered with Gabriel Pawuoi (KhotKeys) for levels 200 and 400.

@maryam-devio maryam-devio added 📅 Sprint 4 Assigned during Sprint 4 of this module Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. 🏕 Priority Mandatory This work is expected labels Aug 20, 2026

@LonMcGregor LonMcGregor left a comment

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.

  • good use of caching
  • The deployed site meets all the functional requirements
  • Missing good use of semantic HTML

Good work on this. ITP is complete now, but if you want an extra challenge, feel free to respond to my comments.

Comment thread index.html
<!-- Loads a provided function called getAllEpisodes() which returns all episodes -->
<script src="episodes.js"></script>

<!-- Loads YOUR javascript code -->

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.

Do you think there is a benefit to defining all the HTML in js rather than in the HTML file?

Comment thread script.js
    card.appendChild(runtime);

    const summary = document.createElement("div");
    summary.innerHTML = show.summary || "";

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.

Compare this to how you handle the other details for shows - text vs HTML. which do you think is the better approach?

Comment thread script.js
    if (show.image && show.image.medium) {
      const img = document.createElement("img");
      img.src = show.image.medium;
      img.alt = show.name;

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.

Is this an appropriate use of an alt tag? See what https://axesslab.com/alt-texts/ has to say

Comment thread script.js
  searchInput.addEventListener("input", handleShowSearch);
  showsView.appendChild(searchInput);

  const showSelector = document.createElement("select");

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.

Did you check if the lighthouse tool offers any advice for creating a select this way?

@LonMcGregor LonMcGregor added Reviewed Volunteer to add when completing a review with trainee action still to take. and removed Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. labels Sep 2, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

🏕 Priority Mandatory This work is expected Reviewed Volunteer to add when completing a review with trainee action still to take. 📅 Sprint 4 Assigned during Sprint 4 of this module

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants