London 26-ITP-Jan | Shuheda Begum | Sprint 1 | TV Show Project | level-500

[codebyshay]

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 COHORT_NAME | FIRST_NAME LAST_NAME | REPO_NAME | WEEK
• I have tested my changes
• My changes follow the style guide
• My changes meet the requirements of this task

Changelist

Briefly explain your PR.

• Level 0

• The index.html page on my GitHub project contains my name and GitHub username (Shuheda Begum (codenyshay)
• My project is deployed to Netlify at cyf-codebyshay.netlify.app
• My deployed project has my name and GitHub username in its title.

• Level 100

• All episodes are shown
• For each episode, at least following must be displayed:
  • The name of the episode
  • The season number
  • The episode number
  • The medium-sized image for the episode
  • The summary text of the episode
  • Combine season number and episode number into an episode code:
  • Each part should be zero-padded to two digits.
  • My page states somewhere that the data has (originally) come from TVMaze.com, and link back to that site (or the specific episode on that site). See tvmaze.com/api#licensing.

• Level 200

• Add a live search input
• Add a select drop-down which lets the user jump quickly to a particular episode

• Level 300

• My website must still work using a fetch request to https://api.tvmaze.com/shows/82/episodes.
• If an error occurred loading the data, user is notified.

• Level 400

• Select element added to my page so the user can choose a show.
• When the user first loads the page, a fetch request to https://api.tvmaze.com/shows (documentation) gets a list of available shows
• Added an entry to the drop-down per show.
• When a user selects a show, it displays the episodes for that show, just like the earlier levels of this project.

• Level 500

• When my app starts, it presents a listing of all shows ("shows listing")
• For each show, it displays at name, image, summary, genres, status, rating, and runtime.
• On click, it fetches and presents episodes from that show (enabling episode search and selection as before)
• Hides the "shows listing" view
• Has a navigation link to enable the user to return to the "shows listing"
• My episode search and episode selector controls still work correctly when switching from shows listing to episodes listing and back

Questions

Ask any questions you have for your reviewer.
No Questions

[netlify]

✅ Deploy Preview for cyf-codebyshay ready!

Name	Link
🔨 Latest commit	e2090d9
🔍 Latest deploy log	https://app.netlify.com/projects/cyf-codebyshay/deploys/69d3e293e67fab00080922ac
😎 Deploy Preview	https://deploy-preview-3--cyf-codebyshay.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.