Welcome to the CanCode Movie Website project! This is a simple website where users can search for movies, view today's top 4 movies, upcoming top 4 movies, top 4 popular actors, and filter movies by genres.
The Movie Website project utilizes the following technologies:
- HTML
- CSS
- JavaScript
- Async & Await
- The Movie Database (TMDb) API
The project's JavaScript files are located in the js/ directory and serve different functionalities within the website.
- api.js: Contains API key for making API calls using asynchronous techniques.
- filter.js: Handles the movie filtering functionality based on genres.
- main.js: Contains shared code and attaches it to the window object.
- search.js: Handles the movie search functionality.
- today.js: Retrieves and displays today's top movies.
- top-movies.js: Retrieves and displays the top movies section.
- top-people.js: Retrieves and displays the top actors section.
- upcoming-movies.js: Retrieves and displays the upcoming movies section.
Please refer to the script files for further information and details.
The project's CSS file, css/main.css, contains the styles for the website's layout, sections, and elements.
To get started with the Movie Website project, follow these steps:
- Simply view the live version on github: https://erdemzengin22.github.io/canCodeFinalProject/
or
- Clone the repository to your local machine:
git clone <repository_url> - Navigate to the project directory:
cd movie-website - Open the project in your preferred code editor.
- Run the website using a local development server of your choice. You can use tools like Live Server or any other server you prefer.
- Ensure you have a stable internet connection as the website makes API calls to fetch data.
- Access the website by opening it in your browser.
Upon opening the Movie Website in your browser, you will be presented with a single-page layout containing the following sections:
Movie Search: Use the search bar at the top to search for movies.
Today's Top 4 Movies: View the top 4 movies of the day.
Upcoming: See the top 4 upcoming movies.
Top 4 Actors: Discover the top 4 popular actors.
Filter: Filters among popular movies based on genres.
Feel free to explore the website, interact with the different sections, and enjoy the movie browsing experience
This project is developed by Erdem Zengin. If you have any questions or suggestions, feel free to contact me.
The project is powered by The Movie Database (TMDb).
I wanted to provide a brief notice regarding the development of this project. I have intentionally limited the number of API calls made by this project. This decision was made to eliminate unnecessary network traffic and optimize the overall performance of the website. By minimizing API requests, I aim to ensure a smoother user experience.