Skip to content

umairkhalid/movie-planner

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MOOVEE V2

OMDB YouTube Data Api

Description

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

Table of Contents

Usage

Deployed at MOOVEE V2.

Video Demo

VideoDemoMooveeV2.mp4

Screenshots

Improvement of Landing Page

MOOVEE V2 Landing Page

Comparison with original

compare1

Improvement of MOOVEE V2 Search Result

MOOVEE V2 Search Result

Comparison with original

compare2

Improvement of MOOVEE V2 Recent Searches

MOOVEE Recent Searches

Comparison with original

compare3

Improvement of MOOVEE V2 Trailer

MOOVEE V2 Trailer

Comparison with original

compare4 compare5

Documentation

Credits

Contributors Roles Tasks
Umair Khalid tyfoniacrage.x.au@gmail.com Project Manager / Developer Rendering, Design
Elsie Lawrie elsiemaylawrie1@gmail.com Developer Rendering, Design
Xuan Huy Bui huybuixuan87@gmail.com Developer Rendering, Local Storage
Leo Wong leoelicos@gmail.com Developer APIs

License

Licensed under the MIT License.