kala-here / To-Watch

An API quest for LeadingAgile

TO-DOWATCH

A LeadingAgile quest to practice using an external API

Create a video streaming playlist across Netflix, Prime, Disney+ and more.

Have you ever wanted to create a playlist of movies and shows you could stream back to back across multiple streaming platforms?

Do you hang out with kids and wish that you could create a playlist of only G-rated content for them to flip through?

Well then this quest, focused on practicing API integrations, should have a fun ending for you. Prepare to show off to friends and family!

Picture a TODO app where each list-item is a show TO WATCH from a different streaming service.

Let’s build that.

---

Quest challenges

Use the Watchmode API to allow users to:

1. browse shows
2. add shows to their to-watch list
3. apply filters:
   1. genre
   2. rating (R, PG, G, etc.)
   3. streaming service
   4. price (free vs $$)
4. on-click -> take me to the show?

---

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Run tests

npm run test