Welcome to Movie Meter, a dynamic web application designed to enhance your movie-watching experience. Developed using a React frontend and a Node.js backend, this platform allows users to discover, rate, and comment on their favorite movies.

• Discover Movies: Browse a wide collection of movies with details including trailers, ratings, and synopses.
• User Authentication: Secure login and signup functionalities integrated with Google Authentication.
• Interactive Movie Cards: Rate movies, view trailers, and manage your favorite films.
• Personalized Profiles: Customize your user profile and track your movie ratings.
• Mobile Responsive: Fully responsive design, providing a seamless experience on both desktop and mobile devices.

• Frontend: React, TypeScript, Vite
• Backend: Node.js, Express, MongoDB
• APIs: Custom-built RESTful APIs, TMDB API for movie trailers
• Authentication: Google OAuth 2.0
• Styling: Tailwind CSS
• API Documentation: Swagger

Here are some snapshots of the Movie Meter in action:

Login and Signup Page

Homepage with all the movies that user in the website rate

My Rating Page

Personalized user profile

Create rating page

Entering to a Trailer of the movie that rate with API to TMDB

Comments page to each rating

Check out our video demonstration to see Movie Meter in action:

Movie Meter utilizes the TMDB (The Movie Database) API to fetch movie trailers and additional movie information, ensuring up-to-date and comprehensive data for our users.

We have implemented Swagger for comprehensive API documentation. This allows developers to easily understand and interact with our custom-built RESTful APIs.

To access the API documentation:

1. Run the server locally
2. Navigate to /api-docs endpoint