Cinemix - React Movie App

This is a personal React project. This fully responsive app will allow you to find your favourite movies and save them to your watchlist. You can check the latest, top or upcoming movies or search the films you want with the searchbar at the top. Click on a movie to view the movie information which includes a short description, trailers and much more.

The movie data was retrieved from The Movie Database - TMDB.

This is an image

While developing this project I really learned and understood challenging concepts such as managing the global state with useContext, useReducer and useParams hooks. This is also the first project where I implemented the use of Tailwind CSS together with DaisyUI components and I have become proficent with them.

This is an image

Technologies used:

  • REACT
  • USECONTEXT, USEREDUCER, USEPARAMS, USEEFFECT, USESTATE HOOKS
  • REACT ROUTER V6
  • ASYNC/AWAIT FETCH API
  • HIGH ORDER FUNCTIONS
  • LOCAL & SESSION STORAGE
  • TAILWIND CSS
  • DAISY UI
  • CSS ANIMATIONS
  • MATERIAL UI REACT ICONS

View Project

This is an image

Install Dependencies

npm install

Run

npm start

This is an image

This is an image

This is an image

This is an image

This is an image

View Project