MovieFinder

MovieFinder is a React Typescript app built with the OMDb REST API to find any movie, and it's detailed information.

Dummy auth credentials used for now, login with:

• email: test@gmail.com | password: 12345678
• email: dummy@gmail.com | password: 12345678

Deployed in Vercel: https://movie-finder-orcin.vercel.app/

Demo

Main Features

• Auth page (with dummy credentials for now), login and logout.
• List searched movies fetched from the OMDb API (https://www.omdbapi.com/), with server-side pagination.
• Typeahead search bar with suggestions by the input.
• View movies information in detail, like the plot, director, main actors and ratings.
• Mark movies as favorite.
• View your favorite movies list.
• Unit testing with jest and react-testing-library of the main components: login form, search bar, movie cards and navigation bar.
• Responsive design.

Running Locally

Install MovieFinder and run with npm

  npm install
  npm start

Running Tests

Test MovieFinder with npm, jest and react-testing-library

  npm test

Tech

App: React Typescript

State Management: React Context, React useReducer.

Testing: Jest, React testing library

Author

• @oteiza-a