Movipendent: Online Movie Community

a Javascript full-stack project with MongoDB

Visit the Website

Code Link: backend, frontend

Short Demonstration Video on YouTube

Architecture

Overall & communication

Backend

Frontend

Database

Pages

Homepage

  • Header function:
    • Title as the Homepage Router
    • Search Bar
    • Explore button to browse all movies
    • ”+” button to recommend movie
    • Log in entry
  • Homepage content:
    • Cover block with search bar
    • List of top movie
    • List of newest arrival
    • User’s movie list (if logged in)

Movie Detail Page

  • Detail information:
    • Movie poster
    • Title, release year & description
    • Ratings & movie provider
    • Related video on YouTube
  • Review section:
    • Input field for content & nickname
    • List of previous reviews
    • Multi-row supported

Search & Explore & Recommend

Log in via Google

We implement Google OAuth platform for seamless login experience.