CodeYourFuture / CodeYourFuture/Module-Data-Flows
TV Show Project Level 500: Build a front page
- 主要語言
- JavaScript
- 星號
- 0
- 分支
- 275
- PR 合併指標
- 30 天內沒有已合併 PR
描述
# 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.

## Submission
Once you have finished your level 500 it is ready to submit.
Check the [README.md](../README.md) for this repo for instructions.
貢獻指南
這個儲存庫沒有索引到貢獻指南
研究方向
先查看 README.md 了解儲存庫的提交說明,然後檢查原始程式碼庫和 level 500 的要求。當 shows 清單、show 搜尋、導覽、劇集控制項以及 one-fetch-per-URL 行為都能協同運作,且所需的經合作夥伴審查的 pull request 已準備就緒時,工作即完成。
由索引模型根據 Issue 內容生成。
評估
- 技術堆疊
- javascript
- 領域
- frontend
- Issue 類型
- 功能
- 難度
- 5/5
- 預估耗時
- 一週以上
- 活躍度
- 停滯
- 描述清晰度
- 基本清楚
- 新手友好度
- 35/100