TV Show Project Level 100: Display information about every episode of a single TV show.

Open
#475 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
45/100
Issue type
Feature
Clarity
Clearly specified
Activity status
Stale
Tech stack
javascript
Domain
frontend

Research direction

No repository files or tests are named; start at the existing TV-show page and its data-fetching entry point, then review the TVMaze source and the example screenshot. Done means every episode is displayed with its name, season, episode number, medium image, summary, a zero-padded S##E## code, and attribution linking to TVMaze or the episode.

Written by the indexing model from the issue text.

Description

🏕 Priority Mandatory 📅 Sprint 1 Core Submit:None

Level 100

For level 100, we are going to display information about every episode of a single TV show.

Requirements

  1. All episodes must be shown
  2. For each episode, at least following must be displayed:
    1. The name of the episode
    2. The season number
    3. The episode number
    4. The medium-sized image for the episode
    5. The summary text of the episode
  3. Combine season number and episode number into an episode code:
    1. Each part should be zero-padded to two digits.
    2. Example: S02E07 would be the code for the 7th episode of the 2nd season. S2E7 would be incorrect.
  4. Your page should state 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.
Screenshot of minimal version

Note: Provided your project meets the above requirements, it can look however you want. Do the simplest thing to begin with.

Here is one example layout.

Screenshot of a website with cards showing per-episode data according to the requirements

Dominant language
JavaScript
Stars
0
Forks
276
No merged PRs in 30d

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from CodeYourFuture/Module-Data-Flows

All issues in CodeYourFuture/Module-Data-Flows

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.