Cinema Universe

screenshot of Cinema Universe

Cinema Universe is a large database website for all movies since the beginning of Cinema. It depends on the API of TMDB website, which is the largest database website for Movies and TV Shows in the world.

Overview:

Cinema Universe is a large database website that provides information on movies from the beginning of cinema. It relies on the TMDB API, which is the largest movie and TV show database in the world. The website allows users to view movies and provides features such as switching between dark and day mode and Progressive Web App (PWA) versions for mobile and desktop. The website utilizes service workers to enhance the user experience in case of lost internet connection. The website is built with HTML, CSS, and JavaScript, and leverages various libraries and packages such as Redux, React Router, and Axios. It integrates with the TMDB API to fetch data. The website also includes a simulation for the authentication process, allowing users to enter a username and password to access the home screen. User data, including favorite movies and chosen theme, is stored in the browser's local storage.

Features:

  • Switch between Dark and Day Mode: Users can toggle between a dark and day mode theme on the website.
  • PWA (Progressive Web App): The website offers PWA versions for mobile (Android or iPhone) and desktop (PCs), allowing users to download and install the website as a desktop app or as an app on their mobile phones.
  • Service Worker: The website leverages service workers to improve the user experience in case of lost internet connection. Instead of displaying a "No Connection" screen, a nice screen with a proper message is shown to the user.
  • Login: The website includes a login feature with a simulation for the authentication process. Users can enter any username and password to access the home screen.
  • My Favorites: Users can choose any movie on the website as their favorite by clicking on the heart icon. The choice is saved in the local storage to prevent data loss upon reloading the website. Favorite movies can be removed from the favorites list by clicking on the heart icon again.
  • 404 Page: The website includes a custom 404 page for handling errors when a requested page is not found.

Summary:

Cinema Universe is a comprehensive movie database website that utilizes the TMDB API to provide information on movies. It offers features such as switching between dark and day mode, PWA versions for mobile and desktop, and a simulated authentication process for accessing the home screen. The website leverages service workers to improve the user experience in case of lost internet connection. User data, including favorite movies, is stored in the browser's local storage. The website is built with HTML, CSS, and JavaScript, and integrates with various libraries and packages such as Redux, React Router, and Axios.