TV-Shows-React_Hooks

live at https://cyf-tv-show-react-hooks.netlify.app/

• This project is copy of CYF-tv-shows-project that we did previously in vanilla.js.
• This project uses react Hooks.
• CYF: code your future is a code teaching school based in London, visit CYF website
• Dtat Source: TV maze API

Found a bug or have a suggestion?

Raise an issue here: https://github.com/ahmad-ali14/tv-shows-react-hooks

Feautures

1. Fully PWA App.
2. Single page application.
3. Responsive (not 100% but suitable for phones)
4. choose a show from the show drop menu or by it's link.
5. get the episodes for a selected show.
6. choose an episode to see it's data.
7. sort shows by:
   1. Name A-z
   2. Name Z-A
   3. Rating (+)
   4. Rating (-)
8. sort Episodes by:
   1. Name A-Z
   2. Name Z-A
9. Search All shows.
10. sort selected shows.
11. search Episodes
12. sort selected Episodes

lessons

• the principles of state.
• single page applications principales.
• passing state, functions as props.
• maintain single source of truth for the whole App.
• truth flows in 2 directions.

INFO

• this is a bit intermediate code, there is a simpler code available.
• Better to use this code as reference after you grasp the simpler code.