Skip to content

Project-1: A client-side web application for searching the streaming availability of movies and tv shows.

License

Notifications You must be signed in to change notification settings

rmessett15/Dude-Wheres-My-Show

 
 

Repository files navigation

Streaming Availability App-Project 1

Description

It’s date night with your significant other… you’ve ordered takeout and you want to sit down and watch that classic movie or show that both of you enjoy. But based on constantly changing copyright agreements between the major streaming platforms, you are both unsure as to where you can stream the show. How convenient it would be for a website to quickly and easily show you what platforms you can stream any show on. “Dude, where’s my show?”, provides this service and more! Not only will you be able to search for your show of choice, but you can quickly obtain different helpful details about the show as well, including run time, year of release, and what platforms the show is available to stream on. You can also watch the related trailer for that show directly from the website, and even favorite shows that you regularly watch or want to come back to. Additionally, there is an advanced search feature, if you’re wanting to filter down to a specific country of origin, differentiate between a movie or a series, or denote the language the show is played in.

Dude, where's my show should definitely be a favorite website of you and your friends!

Live URL

https://eeast.github.io/Dude-Wheres-My-Show/

Screenshots of Deployed Application

screenshot-main-page

screenshot-detail-page

screenshot-about-us-page

Technologies Used

This application is powered by HTML, CSS, JavaScript, jQuery, Materialize, Streaming Availability API (server-side API hosted by Rapid API), & the New York Times movie review API (server side API).

Installation

  1. Clone the repo: https://github.com/eeast/Dude-Wheres-My-Show.git

  2. Open in VS Code. If you do not have VS code you must install it.

Credits

Our team of contributors -> Eric Easthope, our team lead, ran point on API data manipulation and detail page. Hunter Hester, handled search results functionality and API security. Elizabeth Olsavsky, was in charge of creating the about us page, navigation bar, description, and overall style. Chris McNamara, created the aside section, which handles user search history, and favorites functionality (utilizes local storage). Brian Hamlin, handled the functionality of the YouTube Trailer modal, and presentation powerpoint. And Ryan Messett, who put together the banner, navigation bar, search input, and advanced search modal functionality (utilizes local storage).

Features

Features of this page include the users ability to search for and load streaming availability results for particular movies and shows. An advanced search modal pop up when the advanced search button is clicked, allowing for the user to filter their search even further. Ability for users to intuitively see their search history, and re-append data to the page without hitting the API continuously (this is done through the use of accessing locally stored data), as well as adding movies and shows to a favorites section. A YouTube trailer button, and the further detail page which can be accessed by clicking on the movie poster image on the main page. Within our nav bar their is a link to an about us page, where users can access links to each developers GitHub account.

Successes

-Project organization using kanban board -Team-work, supportive environment -Persistence, positive attitude (PMA) -Continually looking at areas to improve -Agile workflow

Challenges

-API limits during debugging -Git merge conflicts -Item prioritization -Workload distribution -Clarity specificity for tasks

Suggested Future Development

-Create a company logo -Provide multiple search results -Breakout series into seasons -Have a dark mode/light mode toggle -Add to advanced search: -Toggle for what streaming services you have -Genre -Utilize pro version of streaming availability API for further filtering -Advertise trending shows -Further develop styling and mobile responsivness

How to Contribute

We are open to collaboration, if you choose to do so open an issue and modify any changes you would like to see on a feature branch and wait for approval before merging to the main branch.

License

MIT license -> (please refer to the LICENSE in the repo).

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 46.8%
  • HTML 39.2%
  • CSS 14.0%