This project aims to create a website that displays information about movies from the OCMovies API. The goal is to present a user-friendly interface where users can explore different films, including top-rated movies, top-rated movies in different categories, and get details about each film.
-
First, you will have to setup and run a local server for the API to be accessible. To do so, please follow the steps on the link below:
https://github.com/OpenClassrooms-Student-Center/OCMovies-API-EN-FR
-
Clone this repository once the server is running on your machine:
git clone https://github.com/HDanDev/JustStreamIt
-
Simply open the
index.htmlin your favorite browser by double-clicking on it.
The website must adhere to the following specifications:
- Use the OCMovies API to retrieve movie data.
- Display top-rated movies in different categories, including a category for "Top Rated Movies" based on IMDb score.
- Present a user interface inspired by Netflix, featuring areas such as "Best Movie", "Top Rated Movies", and three custom categories.
- Allow navigation between movies in the "Top Rated Movies" area by scrolling horizontally through the films.
- Display movie details in a modal window when clicking on the movie button or movie image.
Technologies Used
This project uses the following technologies:
- HTML, CSS for page structure and styling.
- JavaScript (Vanilla) for programming logic and event handling.
- OCMovies API for fetching movie data.