View Code? Open in Web Editor
NEW
This project forked from gabtorre /films-with-friends
Films with Friends is an app for rating and talking about movies that lets members post twitter-style hot takes on movies, share said reviews with friends for comments and discussion, and maintain lists of movies seen and movies yet-to-watch
Home Page: https://movie-app-fe361.web.app/
HTML 2.29%
CSS 3.77%
JavaScript 91.89%
SCSS 2.05%
films-with-friends's Introduction
Films with Friends is an app for rating and talking about movies that lets members post twitter-style hot takes on movies, share said reviews with friends for comments and discussion, and maintain lists of movies seen and movies yet-to-watch
Demo Login: [email protected] | Password: Demo2020
how to set up on your local machine
$ git clone this repo
$ cd into new folder created
run $ npm install
ask devs for the .env file with API keys, etc
create and populate .env file in root folder
run $ npm start
to begin, login in with email or Google
allow user login
allow user log-out
allow user to search for a movie
allow user to post movie review
allow user to post movie rating
allow user to comment on another's review
allow user to create a profile
allow user to add movie to watch-list
allow user to add movie to already-watched list
allow user to comment
allow CRUD of movies, at least on backend
user view profile page
working db integration with Firebase
allow users to friend other users
refactor in React Native and React Native Web
switch API to GraphQL
metrics?
recommend movies to users based on past ratings
advanced features utilizing "friends" lists
monetize!
user logs on, sees themed splash page
user makes account or signs in with google
user greeted with Activity Feed of reviews
user comments on reviews, maybe
(for production) user prompted to add their friends?
user searches for a movie
user rates / reviews a movie
user adds other movies to their to-watch list
user views / modifies their profile
user logs oout
Users
displayName(username)
photoURL(profile picture)
watched(list)
ratings
watchlist
friendlist
Posts
Ratings
Technologies included & to include
React
Firebase
Bootstrap
React-Router-DOM
React Hooks
Axios
Sass
Moment.js
Styled Components
Toastify
React-icons
React-rating-stars
React-pro-sidebar
React-avatar
GraphQL (pending)
Apollo
React Native (pending)
React Native Web (pending)
Add graphQL with Firebase?
Refactor into React-Native
films-with-friends's People
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent