Skip to content

JKaram/How-Old-Were-They

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Actor Ages 2.0

Actor Ages lets a user search for an actor and find out how they were while filming a particular movie.

This project is still a work in progress

Why is this useful?

I find myself looking up this information manually and hope at least one other person might use it.

This is my first project post graduation. I wanted to test myself with a react project built entirely from scratch.

contributions welcome

Screenshots

How To Use

Features

Search Bar

  • Live search for an actor. Using debounce to limit the amount of API calls

API Filtering

  • Filtering search for more relevant actors.
  • Multiple API calls needed for name, age, photo, and list of credits.

Age Calculation

  • Calculate age of actor while filming a movie.

Still to come

  • More Animations
  • More filtering of search for more accurate results.

Dependencies

"axios": "^0.19.2",
"lodash": "^4.17.15",
"moment": "^2.24.0",
"react": "^16.13.0",
"react-dom": "^16.13.0",
"react-scripts": "3.4.0",
"styled-components": "^5.0.1"

Installation

npm install

Install dependencies.

.env and Api Key

Apply for an API key from https://www.themoviedb.org/ .
Create a .env with this inside REACT_APP_MOVIEDB_API_KEY=[*your key here*]

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

Credits

This project was bootstrapped with Create React App.

API provided by THE MOVIE DB.