Mediatrac is a web app that allows users to check out information on new and upcoming movies as well as build a library of their favorite classic films.
-
Install Rails Backend API
-
Install Node.js and npm
$ brew install node
-
Clone this repo and cd into the directory
-
Install all dependencies
$ npm install
-
Create a Firebase project with your Google Account
-
Create an .env file in the React project's root folder with the following info from your Firebase settings.
REACT_APP_API_KEY=XXXXxxxx REACT_APP_AUTH_DOMAIN=xxxxXXXX.firebaseapp.com REACT_APP_DATABASE_URL=https://xxxXXXX.firebaseio.com REACT_APP_PROJECT_ID=xxxxXXXX REACT_APP_STORAGE_BUCKET=xxxxXXXX.appspot.com REACT_APP_MESSAGING_SENDER_ID=xxxxXXXX REACT_APP_CONFIRMATION_EMAIL_REDIRECT=http://localhost:3000
-
Add an API key from The Movie Database (TMDb) API to the .env file
REACT_APP_TMDB_API_KEY=XXXXX
-
Make sure the Rails server is running and then run the app
$ npm start
Search from over half a million titles in the TMDB database
Each film page contains a description, cast and crew information, trailers, social media links, a NY Times review, and user reviews
Details Page
Trailers
Recommended Films
Users can keep track of their favorite films through the My Movies watchlist.
The New Release page gives you a list of the latest film releases broken down by genre.
Log in via email and password or existing Google account with Firebase Authentication
- React.js
- Ruby on Rails API (Backend: https://github.com/415CA/mediatrac-backend)
- Firebase
- PostgreSQL
- HTML
- CSS
- Semantic UI
- Active Record
- Active Model Serializer