Hey there - welcome to Mr. Movie, built with love by Maddie G!
You can see my app online here: www.maddieg.ca/mr-movie.
And read more about me here: www.maddieg.ca/about.
I built this app to learn more about React and learn to work with the OMDB API.
Mr. Movie allows a user to...
Search the OMDB for movies:
Nominate their favourite films, view their nomination list, and remove nominations if they change their mind:
Once they've selected 5 nominees, they're notified with a super-cool alert!
Mr. Movie is a React app. I took advantage of the Material-UI framework for some nifty UI components. To keep things simple, I used the React Context API to store the user's nomination data in this format:
[
{
"imdb": "tt0095016",
"title": "Die Hard",
"year": "1988",
"poster": "https://m.media-amazon.com/images/M/MV5BZjRlNDUxZjAtOGQ4OC00OTNlLTgxNmQtYTBmMDgwZmNmNjkxXkEyXkFqcGdeQXVyNzkwMjQ5NzM@._V1_SX300.jpg"
},
{
"imdb": "tt0099423",
"title": "Die Hard 2",
"year": "1990",
"poster": "https://m.media-amazon.com/images/M/MV5BMzMzYzk3ZTEtZDg0My00MTY5LWE3ZmQtYzNhYjhjN2RhZGRjL2ltYWdlXkEyXkFqcGdeQXVyNTAyODkwOQ@@._V1_SX300.jpg"
},
{
"imdb": "tt0112864",
"title": "Die Hard with a Vengeance",
"year": "1995",
"poster": "https://m.media-amazon.com/images/M/MV5BZjI0ZWFiMmQtMjRlZi00ZmFhLWI4NmYtMjQ5YmY0MzIyMzRiXkEyXkFqcGdeQXVyMTQxNzMzNDI@._V1_SX300.jpg"
}
]