MOVI

Hamza Hamani

Frontend Engineer
CSS3
JavaScript
React
This project is a dynamic and interactive movie catalog website built using React, integrating the OMDB API. Users can easily search for movies using a search bar and retrieve detailed information about the movie they're interested in. Additionally, users have the ability to rate movies and mark them as already watched, providing a personalized experience for managing their movie preferences.

Screenshots

Tech Stacks

React: Front-end framework employed for creating the user interface.
React Query: Efficiently manages and retrieves data for seamless functionality.
Toasts: Provides notification and alert displays for user actions, enhancing user interaction.
Recharts: Renders charts and graphs to visualize data effectively within the application.
Styled Components: Implements component-level styling, ensuring a polished and sleek user interface.

Features

Search Ability

Users can search for movies using a search bar

Movie Information Display

Detailed movie information is displayed upon search, including plot, cast, etc.

Rating and "Already Watched" Tracking

Users can rate movies and mark them as already watched

Local Storage for Movie Data

Movies marked as 'watched' are stored in local storage, accessible even after refreshing the a page

Responsive Design

The website is designed to be responsive, providing a seamless experience across all devices
Partner With Hamza
View Services

More Projects by Hamza