Skip to content

A Live Movie browser created with React - Firebase - Firesore - TMBD API - Bootstrap - Sass

Notifications You must be signed in to change notification settings

dennysunny/React-Firebase-Firestore-MovieDatabase

Repository files navigation

Movie Database Using React & Firebase

A React project with Firestore and Firebase. It uses The Movie Database (TMDb) API to display data.

Deployed Page

https://reactfirebasetmr.firebaseapp.com/

Features

  > List Popular Movies, Upcoming Movies, Now Playing Movies,Top Rated Movies	
  
  > Responsive Design
  	
  > Search Movies-Dynamic Search	
  	
  > Auto-suggest Movie, Thumbnail, Vote Average for Search function	
  	
  > View detail movie info including Posters, Casts, Trailers	
  	
  > Recommended Movies and Similar Movies for a Selected Movie	
  	
  > Cast - Character info and Profile	View
  	
  > Movies of a Selected Actor	
  	
  > Top Reviews about Movies	
  	
  > Search Function Everywhere	
  	
  > Firebase User Authentication	
  	
  > Signin with Email ,Google ,Facebook or Github	

  > Forgot Password Option to Reset Password through Registered Email
  	
  > User Specific Movie, Shows Wishlist	
  
  > User Specific Favourite List for Movies and Shows
  	
  > Easy Navigation through all Features	
  
  > List Popular and Top Rated TV Shows
  	
  > View Detail TV info including Poster, Casts, Trailers
  
  > Show info about Last Air Episode , Seasons, Episodes,	

  > Read Top Reviews for a TV Show
  	
  > Similar TV Shows and Recommended Shows for the Selected Show	
  	
  > Detailed info about each Seasons and Episodes	

  > View Cast Info for Each Season
  	
  > All Episode Discription and Other Info	
  	
  > View Detail Cast Info Including, Biography, Movies, TV Shows	
  	
  > After Register/Login create your own Watchlist, Favourite List, Add/Remove Movies, TV shows	
  
  > Realtime Database for Easy Sync
  
  > Users can Access the Contents and Favorites List from Any Device
  
  > Better Optimizations for Desktop-Tablets-Smartphones
  • Firebase for realtime database

  • Firestore for storing data with query's

  • Fetching data from TMDB using tmdb api

  • Authentication using firebase


INSTALLATION INSTRUCTION

  • CLONE/DOWNLOAD THE REPOSITORY

  • OPEN IN IDE

  • OPEN TERMINAL:

    yarn install	
    This will install the node modules	
    
    yarn start	
    This will initilize the react scripts	
    
  • IN BROWSER GO TO

      localhost:3000/	
    
  • To Build the project

       yarn build