/MovieWebpage

Movie Webpage presenting Christopher Nolan's Interstellar (2014), including a movie site, an actor site, and the director's site.

Primary LanguageHTMLMIT LicenseMIT

Movie Webpage

Presentation of Christopher Nolan's Interstellar (2014)

Purpose

This project was developed as part of my coursework at the University of St Andrews. It was created to fulfill the requirements of a specific assignment. The application utilises HTML, CSS, and the Bootstrap framework to create an interface consisting of three html sites presenting movie, director and one of the actors.

As the purpose of this assessment focused on the User Interface, large text parts were filled with placeholder Lorem Ipsum text instead of facts.

Three different versions of the application were created - a responsive version using the Bootstrap framework, a desktop version and a mobile version. The static versions were optimised for specific screen sizes and may therefore not present in the intended way when viewing them on a device with different screen sizes.

By including this project in my portfolio, I aim to demonstrate my skills in web development and in using APIs. It serves as an example of my work to potential employers and collaborators.

Features

  • Displays an informative site of the movie Interstellar (2014).
  • Displays an informative site of director Christopher Nolan.
  • Displays an informative site of actress Anne Hathaway.
  • Allows users to direct between these three sites via a navigation bar and links.
  • Integration of the trailer on YouTube.
  • Responsive design using Bootstrap.
  • Adaptive design with customised CSS that aims to replicate the responsive version at best effort.

Usage

  1. Open responsive-filmpage.html in your web browser to view the responsive website.
  2. Switch between sites by clicking on the links.

Technologies Used

  • JavaScript: For handling the quiz logic and fetching questions from the QuizAPI.
  • HTML: For structuring the web application.
  • CSS: For styling the web application.
  • Bootstrap: For responsive design and pre-built UI components.

Acknowledgements

  • imdb for providing basic facts about the movie required to fulfill the assessment criteria.
  • Wikipedia for providing additional facts.
  • Bootstrap for the responsive design framework.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Copyright

© 2024 Lena Korfmacher. All rights reserved.