https://github.com/kkurzawa/movie-project

This project creates a movie database that allows users to search for a movie and uses HTML, CSS, JavaScript, JQuery, Bulma and the TMBD API.
https://github.com/kkurzawa/movie-project

bulma css html javascript jquery tmbd-api

Last synced: about 1 month ago
JSON representation

This project creates a movie database that allows users to search for a movie and uses HTML, CSS, JavaScript, JQuery, Bulma and the TMBD API.

• Host: GitHub
• URL: https://github.com/kkurzawa/movie-project
• Owner: KKurzawa
• License: mit
• Created: 2023-07-11T00:29:11.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-09-11T21:24:09.000Z (over 1 year ago)
• Last Synced: 2024-04-28T03:37:02.863Z (8 months ago)
• Topics: bulma, css, html, javascript, jquery, tmbd-api
• Language: JavaScript
• Homepage: https://kkurzawa.github.io/Movie-Project/
• Size: 27 MB
• Stars: 0
• Watchers: 2
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Movie Project

## Description

This project creates a movie database that allows users to search for a movie, give the user options based on their search and trending options, then displays the poster, cast, and storyline of their selection along with similar movies. This is an important tool for movie enthusiasts who are looking to get information on their favorite movies and find new movie options based on their tastes and the tastes of others. Building this project helped tighten up our teams HTML, CSS, JavaScript, and JQuery skills along with introducing us to the usage of Bulma and the TMBD API.

## Usage

When the search page is loaded the user sees a text box with a search button along with posters for eight trending movies. When the user enters a movie into the text box and clicks search, they are then presented with eight movie posters based on their entry. When the cursor is in the text box the five most recent searches are displayed below the textbox. When the user clicks on one of the most recent searches it is then displayed in the textbox. When the user clicks on any of the movie posters displayed, they are taken to a results page which displays the movie poster, names and pictures for the five most prominent actors in the movie, a summary of the storyline, and posters for eight similar movies to their selection. If the user clicks on one of the similar movie posters the page is refreshed with all features of the clicked movie, listed above. A home button is present in the navbar on both pages that when clicked takes the user to the initial state of the search page.

Screenshots:

![Team Three Movies Homepage](https://github.com/KKurzawa/Movie-Project/blob/main/assets/images/HomePage.PNG)

![Search History](https://github.com/KKurzawa/Movie-Project/blob/main/assets/images/SearchHistory.PNG)

![Movie Suggestions](https://github.com/KKurzawa/Movie-Project/blob/main/assets/images/SuggestionTab.PNG)

![Treanding Movies](https://github.com/KKurzawa/Movie-Project/blob/main/assets/images/TrendingTab.PNG)

![Movie Information and Poster](https://github.com/KKurzawa/Movie-Project/blob/main/assets/images/MovieInfo.PNG)

![Recommended Movies](https://github.com/KKurzawa/Movie-Project/blob/main/assets/images/RecommendedTab.PNG)

Website URL: https://kkurzawa.github.io/Movie-Project/

GitHub Repository: https://github.com/KKurzawa/Movie-Project

## CREDITS

Kris Kurzawa: https://github.com/KKurzawa

Andrew Bostick: https://github.com/andbostick

Lauren Lavelle: https://github.com/l-lavelle

Cameron Morin: https://github.com/Morinc35

TMBD API https://developer.themoviedb.org/docs

## LICENSE

MIT License

Copyright (c) 2023 Kris Kurzawa