Popcorn+

Introduction

• Popcorn+ provides information of new releases and upcoming movies, user could watch trailers and search movies with title.
• User could create personal movie lists, and share list or movie via facebook/Line.

Features

• To browse movies information: Fetch data from The Movie Database (TMDB), provides information of new releases and upcoming movies, and also enable keyword search with movie title.

• To watch trailers: Enable user to watch trailers without visiting other websites by using react-modal-video through trailer link fetched from TMDB.

• Personal movie lists: User could create personal movie lists and the list page would update in real-time by connecting firebase onSnapshot.

• Sharing feature: User could share movies or created personal lists via facebook/Line by using react-share to connect social media service.

• New Releases & Upcoming & Trailer

• Search Movie

• Random Movie

• Personal movie lists: User could create personal movie lists, sharing created lists or a movie on social media.

• Add to list/favorite

• Create personal list & add movie

• Remove movie & delete list

• Sharing feature: User could share movies or their created personal lists via facebook/Line.

• Share movie/list

Website link

Popcorn+ website Link Click here

• You could sign up with email or Google account.
• Or login with Google account directly.
• Test Account:
  • User: test@email.com
  • Password: test123

Techniques

Front-End

• ReactJS/ Redux/ React Router
• Styled-components
• Firebase
  • Authentication
  • Firestore Database
  • Storage
  • Hosting

Miscellaneous

• dotenv
• react-icons
• react-share
• sweetalert2
• react-loading
• reactjs-popup
• react-modal-video

Future features

• Movie in lists could drag and drop to modify order.
• Could use calender to find out what movies are released on specific date.

Contact

• Author: Angie Lu
• E-mail: doupeach0729@gmail.com