CodeYourFuture / CodeYourFuture/Module-Data-Flows

TV Show Project Level 500: Build a front page

Offen
#479 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
🏕 Priority Mandatory 📅 Sprint 3 Core Submit:None
Vorherrschende Sprache
JavaScript
Sterne
0
Forks
275
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

# Level 500

For level 500, you should switch back to your original codebase.

You should have reviewed and merged someone else's level 400 implementation.

Once again, compare their implementation to yours. Think:
1. How is it different?
2. What do you prefer about your implementation?
3. What do you prefer about their implementation?
4. What did you learn that you didn't know before?

Have a discussion about your answers to these questions. In class, together you should give a 3 minute talk about your conclusions.

## Refactoring

Feel free to change anything in your codebase which you think will make it easier to work with, or to build new features.

Make a branch and pull request for yourself, and then have your partner review, making sure they understand the changes made.

## Adding new functionality

Level 500 is about adding a front-page which lets users select (and find) shows from your shows list.

### Requirements

1. When your app starts, present a listing of all shows ("shows listing")
1. For each show, you must display at least name, image, summary, genres, status, rating, and runtime.
2. When a show name is clicked, your app should:
1. Fetch and present episodes from that show (enabling episode search and selection as before)
2. Hide the "shows listing" view
3. Add a navigation link to enable the user to return to the "shows listing"
1. When this is clicked, the episodes listing should be hidden
4. Provide a free-text show search through show names, genres, and summary texts
5. Ensure that your episode search and episode selector controls still work correctly when you switch from shows listing to episodes listing and back
6. During one user's visit to your website, you should never fetch any URL more than once.

#### Screenshot of minimal version

Note: Provided your project meets the above requirements, it can **look** however you want.

Here is one example layout.

![Screenshot of a website with a drop-down list with the show "Breaking Bad" selected](https://raw.githubusercontent.com/CodeYourFuture/Project-TV-Show/refs/heads/main/levels/example-screenshots/example-level-500.jpg)

## Submission

Once you have finished your level 500 it is ready to submit.

Check the [README.md](../README.md) for this repo for instructions.

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Rechercherichtung

Beginne mit README.md, um die Einreichungsanweisungen des Repositorys zu lesen, und überprüfe anschließend die ursprüngliche Codebasis und die Anforderungen der Stufe 500. Die Arbeit ist abgeschlossen, wenn die Auflistung der Shows, die Show-Suche, die Navigation, die Episodensteuerung und das Verhalten one-fetch-per-URL zusammen funktionieren und der erforderliche von einem Partner geprüfte Pull Request bereit ist.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript
Bereich
frontend
Issue-Typ
Feature
Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.