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:
Homepage with all the movies that user in the website rate
Entering to a Trailer of the movie that rate with API to TMDB
Check out our video demonstration to see Movie Meter in action:
MovieMeter-Project.1.mp4
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:
- Run the server locally
- Navigate to
/api-docs
endpoint