lukassobotik/myfavmovies

Movie recommendation website based on your ratings, with detailed movie information.

MyFavMovies

All-in-One Movie Info in one Place!

Try It Out! | Support Me | Website | Documentation

Overview

MyFavMovies is in a streaming service like fashion, and results are Personalized depending on Your Ratings of previous movies. It contains every bit of information you would need or want to know about the movie like Release Dates, Cast, Crew and so on.

How to clone this repository

Prerequisites

• NodeJS and npm - Download & Install NodeJS and npm
• Git - Download & Install Git. OSX and Linux machines typically have this already installed.

Once you clone this repository, run npm install to download all the required plugins

1. In the root of this repository, create a new file named .env
2. In the file, add these keywords:

REACT_APP_VERSION=$npm_package_version
REACT_APP_API_KEY=''
REACT_APP_AUTH_DOMAIN=''
REACT_APP_PROJECT_ID=''
REACT_APP_STORAGE_BUCKET=''
REACT_APP_MESSAGING_SENDER_ID=''
REACT_APP_APP_ID=''
REACT_APP_MEASUREMENT_ID=''
REACT_APP_TMDB_API_KEY=''

In between the apostrophes, add your Firestore Database and TMDb API Keys. Leave the REACT_APP_VERSION as it is.

For more info, checkout the Documentation

myfavmovies's Issues

Ribbon Items in Movie Route don't scale from start

Person and Collection Pages do not load if the user is not logged in

Add the navigation bar items in a hamburger menu on mobile or small screens

If user is not logged in, movie page does not load

Sometimes it still shows that user can scroll for more text on a person's biography when he can't

When a person has no biography, it still shows scroll for more

On mobile, user can scroll horizontally

Release Date shows only if user refreshes the page

When a row has an image with an unavailable backdrop and user hovers on a movie, carousel scrolls

Weird overflow issues during the transform animation in the carousel

Consider reviving this repo

Improve mobile UX

• Always show the carousel scroll buttons
• Make scaling faster

In the actor page, it shows user can scroll even if he can't

When the item is loading its preview image, it glitches and jumps down.

Also when you hover over the last item, the carousel scrolls by itself.

When the screen size is under 500 pixels, items stop scaling

If the user removes a rating, it still stays in the database with the rating of null

Sometimes genres are shown twice

When the user is not logged in, BrowseMovieCards do not load

Movie Route doesn't scale according to device width and height

Sometimes you have to click twice on the right arrow to scroll back to the carousel beginning

When a user is viewing their account and refreshes, it redirects them to the login page

in the code_structure branch

Sometimes the BrowseMovieCard shows no backdrop even if it has an available one

User can't type in Login and SignUp activities

Sometimes when you hover over a movie, carousel scrolls by itself

Carousel sometimes scrolls by itself

When browsing, user can't open the link in a new tab

When the backdrop path of an item is null, it tries to get an image with the path of null

Show an empty image instead of the alternative text

It would be great if instead of the normal text, it would show a default image that would be there if the poster was empty.

*also with the alternative text the movie size is wider than it should be, and it messes up the carousel

Note: this happens on an internet, where image loading is limited (e.g. School Internet)

Navigation bar doesn't mach the width of the screen on mobile devices