React application written in TypeScript to present movie information from open source database The Movie DB. The application is developed for purposes of presentation, education and testing of new technologies.
Live demo can be found here.
- Material UI used for general design of app components
- React Router to create site routes,
- React Redux for general app state management,
- Redux Persist for local storage state management,
- Redux Toolkit Query to maintain fetched and cached query results.
Use the npm package manager to install application locally from your cloned repository.
npm installThen run application in your browser.
npm startApplication cosists of four routes splitted into separated chunks:
- Homepage with search functionality
- Movie detail page
- Actor detail page
- Favourite movies page
- 404 page
Information as last search results, favourite movies or selected theme are stored in local storage thanks to Redux Persist.
Available are basic tests of some components.
Run test:
npm test