Movie Project

A responsive and user-friendly movie website to find any movie you want. Integrated data from the TMDb API for 24/7 up-to-date content. Implemented an intuitive search bar for effortless movie discovery and selection. Utilized Firebase for user authentication, login management, and storage of user's movies

Started off as a fun little project I would build in grade 12 CS, however I have vastly improved it and have added many new features in. Was originally part of a much larger repo (which is private), however, when I finished the project I moved it to this new repo

Timeline

• May 2023 - June 2023 (Main development)
• July 2023 - August 2023 (Refactoring and small bug fixes)
• January 2024 (Major UI improvements and code refactoring)

Tech Stack and tools used

• Vue.js
• Vite.js
• Firebase
• JavaScript
• CSS
• HTML
• TMDB API
• Postman
• Axios

Features

• User Authentication: Users can create accounts, log in, and manage their watchlist of favorite movies
• User Watchlist: Registered users can add and remove movies from their watchlist for easy access
• Movie Search: Explore an extensive movie database with a powerful search feature to find movies by title or genre
• Movie Details: View detailed information about each movie, including overview, release date, genre, cast, runtime, budget, revenue, ratings, trailer, and more.

Getting Started

• Clone the repository
• Install the dependencies using npm install
• Run the development server using npm run dev

Hosted website

Website: https://cs12-summative.web.app/