This app allows movie-watchers to select and watch movie trailers that they like.
I was part of the team that made the original app for our Coding Bootcamp Project 1. We used GitHub Projects here to coordinate the teamwork, tickets and issues.
While making the app, we made fetch calls to third-party APIs like OMDB API and YouTube Data API, learned about a framework called Materialize and used it to implement a modal, some buttons and a loading animation.
Disclosure that this repo, Moovee V2, is essentially what I fixed and refactored for best practice, based on the comments I received from the Bootcamp Grader, and is a fork of the original:
| My Changes | Details |
|---|---|
| Fix | I moved all images to the assets/images folder |
| Fix | I renamed camelCase and snake_case CSS variables to kebab-case |
| Fix | I put a feedback message when no movie results are found |
| Fix | I sized the trailer correctly within the modal |
| Fix | I moved the placeholder out of the way when a history result is clicked |
| Refactor | I changed .then Promise syntax to async await |
| Refactor | I modularized long multi-script files into one-script files |
| Refactor | I expanded on comments for completeness and accuracy |
| Refactor | I removed some social media icons and simplified the remaining ones |
| Feature | I fixed the loading animation for the delay of results / trailer |
Deployed at MOOVEE V2.
VideoDemoMooveeV2.mp4
-
API
-
Materialize
-
Fonts
| Contributors | Roles | Tasks |
|---|---|---|
| Umair Khalid [email protected] | Project Manager / Developer | Rendering, Design |
| Elsie Lawrie [email protected] | Developer | Rendering, Design |
| Xuan Huy Bui [email protected] | Developer | Rendering, Local Storage |
| Leo Wong [email protected] | Developer | APIs |
- API Guides
- Working in Branches
Licensed under the MIT License.