Movie Finder

This project was bootstrapped with Create React App, uses custom Material UI components, and is hosted with Netlify.

Work in progress - future features

• Save user ratings.
• Modal display with additional information.
• "Add to watchlist".

Updates - Aug 13, 2020

• Custom app bar
• Dark mode UI
• Ratings system
• UI changes

Resources and tutorials

• TMDB
• FreeCodeCamp article on using React Hooks in a movie search app
• Material-UI

Challenges

• App bar positioning on mobile
• Converting from legacy state management to hooks
• Setting up .env production files to hold API key
• Securely passing API key to Netlify

Scripts

Build scripts are standard create-react-app

yarn start

Open http://localhost:3000 to view it in the browser.

yarn build

Builds the app for production to the build folder.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.