Skip to content

West Midlands | ITP-May-2026 | Alina Sofragiu | Sprint 3 | Project-TV-Show - #62

Open
sofragiualina wants to merge 33 commits into
CodeYourFuture:mainfrom
sofragiualina:feature/level-500
Open

West Midlands | ITP-May-2026 | Alina Sofragiu | Sprint 3 | Project-TV-Show#62
sofragiualina wants to merge 33 commits into
CodeYourFuture:mainfrom
sofragiualina:feature/level-500

Conversation

@sofragiualina

@sofragiualina sofragiualina commented Aug 13, 2026

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

I have completed the TV Show Project through Level 500.

Completed

  • Added a shows listing with the show name, image, summary, genres, status, rating and runtime.
  • Added show search by name, genres and summary.
  • Added alphabetical sorting of shows.
  • Added the ability to select a show and view its episodes.
  • Added episode search and episode selection for each show.
  • Added navigation to return to the shows listing.
  • Added caching so each API URL is only fetched once during a visit.
  • Added loading and error messages.
  • Improved accessibility by adding labels and improving colour contrast.
  • Kept the project using vanilla JavaScript and DOM manipulation.

Deployed site

https://cfy-sofragiualina-tv.netlify.app/

Partner

Tobias-Amaechina

sofragiualina and others added 30 commits August 1, 2026 16:55
@sofragiualina
Update page title with my name and GitHub username
9d8e6f6
@sofragiualina
enhance episode display with detailed information and styling
d8eb95a
@Tobias-Amaechina
implement the episode name and episodeCode on a single h2 element
aa3ac4e
@Tobias-Amaechina
Implemented the link element to show each episodes link
4993de7
@Tobias-Amaechina
Remove the comment
d340acb
@Tobias-Amaechina
add the searchinput on the index.html file
b53caee
@Tobias-Amaechina
implemented the input element for seachInput in the index.html file
3edad74
@Tobias-Amaechina
implemented a function to get all epusodes at once
550bd31
@Tobias-Amaechina
Render the searchIput using it ID element inthe DOM
8bcd02e
@Tobias-Amaechina
Implement an input listener to the search box
92168bd
@Tobias-Amaechina
impleemnt filter function for seachinput
4f7a46d
@Tobias-Amaechina
Implement the function to filter episodes and display them
e9a7ead
@Tobias-Amaechina
Added the Select elemnt in the index.html file
350c4a1
@Tobias-Amaechina
Render the episodeSelector in the dom
5f10a61
@Tobias-Amaechina
Attach an input listener to the search box
e4dad13
@Tobias-Amaechina
Attached a changed listener to the drop down
59d92fe
@Tobias-Amaechina
Implement higer order function to filter list down
b258665
@Tobias-Amaechina
Implement function to populate dropdown
7397851
@Tobias-Amaechina
fixed the bug by adding s to episodeSelector
d3d506f
@sofragiualina
Merge pull request #1 from sofragiualina/TvShow-Alina
27cb4fb 
Birmingham | 26-ITP-May | Tobias Amaechina | Sprint 2 | Project-Tv-show-alina
@sofragiualina
Refactor episode loading and search functionality; implement API fetc…
8bd3e50 
…hing and error handling

- Updated `script.js` to fetch episodes from the TVMaze API and handle loading states.
- Added error handling for failed API requests with user feedback.
- Improved search functionality to reset the episode selector when typing.
- Enhanced dropdown and search input styling in `style.css`.
- Updated HTML structure to include a loading message and improved accessibility.
@Tobias-Amaechina
create a varible to hold arrays of allshows
2c557bf
@Tobias-Amaechina
create episodesCache
1ab017f
@Tobias-Amaechina
Created a variable to hold the shows endpoint
f30b201
@Tobias-Amaechina
Created a variable to hold episodesurl
321f5f1
@Tobias-Amaechina
update the Async function with ShowSelctor node and also to handle r…
95b1752 
…espsne and error
@Tobias-Amaechina
Implement async function loadshow to reload cached objects
4acdbf1
@Tobias-Amaechina
implement a function that implements show dropdown
7f7ee9c
@Tobias-Amaechina
Implement function populateEpisodeSelector and added select id attrib…
435e955 
…ute in the index.html
@Tobias-Amaechina
removed the redundant function populateSelector
c4a7663
@sofragiualina
Merge pull request #2 from sofragiualina/Alina-400
ea6e1dd 
 Birmingham | 26-ITP-May | Tobias Amaechina | Sprint 3 | Project-TV-Show-400-level
@sofragiualina
Refactor HTML structure and enhance styling for shows and episodes di…
77a344d 
…splay; implement search functionality for shows and episodes.
@sofragiualina sofragiualina mentioned this pull request Aug 13, 2026
Open
@sofragiualina
Enhance CSS styling for layout and responsiveness; adjust card dimens…
fc6a344 
…ions and add overflow handling for summaries.
@sofragiualina sofragiualina added Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. Module-Data-Flows labels Aug 15, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

Module-Data-Flows Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed.

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@sofragiualina @Tobias-Amaechina