Skip to content

A website powered by the TMDb API which allows to search and display movies.

Notifications You must be signed in to change notification settings

DownTheMatrix/movie-time

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

62 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Overview

MovieTime is a website built in React.js using The Movie Database API. No external frameworks have been used. The code uses CSS Flexbox to align and center element horizontally inside of their respective containers, and CSS Grid to display them on both the horizontal and the vertical axes.

Mobile view screenshot

How To Run The App

To get started:

  • clone the project or download it as a .zip file
  • open your terminal
  • cd into the project folder
  • install all project dependencies with npm install
  • start the development server with npm start

Get the API key

In order to fetch data from the API and display the movies, you need an API key. To get one, follow the steps outlined on the TMDb official website here.

Once you have your own key, you can either manually insert it into the URL you will send a request to, or create a file and import it into the App.js component. In the current project, I followed the following steps:

  1. I created a separate JavaScript file
  2. I declared a variable and stored the API key value as a string into that variable
  3. I exported the variable using the syntax export let apiKey = "<insert your API key here>"
  4. Finally, I imported the variable into the component where I needed it (specifically, where I fetched the data from the API). In my case, it was the App.js file.
Create React App

This project was bootstrapped with Create React App. You can find more information on how to perform common tasks here.

License

This app is released under a MIT license.

About

A website powered by the TMDb API which allows to search and display movies.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published