/movie-exercise

A React exercise using data from a public movie REST API. Built using a bunch of cool technologies.

Primary LanguageTypeScript

Movie Exercise

Created by Richard Garlik

Check out the live version here

A React application built with Vite and using the MUI component library. It provides a search interface for movies from the OMDb API. It also uses React Query for side effects and data fetching, Emotion for styling.

Movies can be searched by name, featuring an infinite scroll and clicked on to get detailed info about them. There's also a favorites list that keeps favorite movies in localStorage.

History and scroll position on the movie search page is kept when the user goes "back" to it from a different page. ( Update: the scrolling randomly stopped working properly :( )

Development

Install the required dependencies using npm install and then run the following script to start a local dev server:

npm run start

Building for production

Use the following command to build a release bundle of the webapp into the ./dist folder:

npm run build

If you want to serve the ./dist folder's contents on a local web server, use:

npm run preview

Linters

npm run lint runs the code through eslint and npm run format runs the code through prettier.