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.