Top Movies Today

Top Movies Today (TMT) is a movie app I designed and developed to practice more of my frontend skills using ReactJS and Material-UI. It simply displays the top trending movies of today's date. Aside from that, it also displays the movie's basic information like its plot, released date, rating, genre, quote, and even it's trailer video.

Tools & Technologies

• ReactJS
• Axios
• MomentJS
• SASS
• TMDB API
• Material-UI

Installation

To clone this project to your device, type the code below to your git bash:

git clone https://github.com/itshally/movie-app.git

After cloning the repo, make sure to install all the dependencies before running it locally.

cd movie-app

npm i

Note:

You must add a .env file at the root folder of the repository, and type the following:

REACT_APP_API_KEY=[insert your api key]

Once the intallation of the dependencies are done and you got your API key, you can run it now to your machine.

npm start

For this project, I'm using the themoviedb's API.

In order for you to get your free API key, you have to register here.

This is the Register Page:

After creating an account, go to your profile's settings:

Then go to the API's tab to get your Free API key:

Screenshots

License

Distributed under the MIT License