Name: ReactMovieDB
- Simple movie web application with home page, search feature and movie detail page.
- App uses ReactJS which consumes the "The Movie Database (TMDB)" API.
Try it out!
https://hillc255.github.io/ReactMovieDB/
- ReactMovieDB developed with ReactJS, Node, HTML, and CSS using Visual Studio.
Application is a code-along project in Udemy's Beginner React (2019) "Create a Movie Web App" course taught by Thomas Weibenfalk.
- Clone the repo: git clone https://github.com/hillc255/ReactMovieDB.git
- Obtain your own API key from "The Movie Database" website and add to config.js
- Navigate to the folder
cd ./ReactMovieDB
- Install all the dependencies:
npm install
- Start the server:
npm start
- Add your repo name in App.js:
<BrowserRouter basename="/[repo name]">
- Save repo link in package.json "homepage":
"https//[your github account]/.github.io/[ repo name]"
- Save github pages for viewing app:
npm install --save gh-pages
- Create a production build:
$npm run build
- Deploy application:
$ npm run deploy
- Movie home page
- HeroImage header
- Movie images display in responsive grid
- Loader - load more movies
- Search movies
- Scollbar to view more moview
- Movie detail display including plot, rating, director, budget, actors
- Minimal Design
Future consideration
Claudia Hill worked on this project.
Only to be used for educational purposes.