Skip to content

A Letterboxd-inspired web application built with RESTful APIs, leveraging TMDB for media data. Users can explore movie details, genres, reviews, and more through a sleek, responsive interface.

Notifications You must be signed in to change notification settings

edphong/letterboxd-clone

Repository files navigation

myBacklog - Letterboxd Clone

About

A Letterboxd-inspired web application built with RESTful APIs, leveraging TMDB for media data. Users can explore movie details, genres, reviews, and more through a sleek, responsive interface.

Landing Page

Screenshot_from_2025-01-17_15-12-00

Film Information

image

Television Show Information

image2

Features

  • Browse media (Movies & TV Shows) seamlessly.
  • View detailed information of selected media including but not limited to genres, reviews, release dates and more.
  • Interactive and responsive design for an optimal user experience.
  • Designed with a focus on modern UI/UX principles for intuitive navigation and aesthetic appeal.
  • Implemented an efficient search algorithm to efficiently search and navigate API data.

Tech Stacks

  • React & CSS: Building the frontend and ensuring responsive, user-friendly interfaces.
  • Java, Spring Boot & Apache Maven: For backend development and efficient dependency management.
  • Docker: To containerize the application for easy deployment and scalability.
  • TMDB APIs: Leveraging The Movie Database's APIs to fetch movie and TV show data.

Getting Started

Prerequisites

Ensure you have the latest version of Docker installed (27.5.0 as of January 2025). You can verify your installation by running:

docker --version

Obtain API Key and Set up Environment Variables

  1. Go to The Movie Database (TMDB) website.
  2. Create an account or log in if you already have one.
  3. Go to your account settings, navigate to the API section, and request an API key.
  4. Copy paste API key into .env file.

Running the Application with Docker via Command Line

  1. Clone Repository
  2. Terminal 1: Build and Run Backend
cd backend
docker build -t my-backend -f dockerfile-backend .
docker run --name backend-container -p 8080:8080 --env-file .env backend
  1. Terminal 2: Build and Run Frontend
cd frontend
docker build -t my-frontend -f dockerfile-frontend .
docker run --name frontend-container -p 3000:80 frontend
  1. Navigate to (http://localhost:3000)
  2. To terminate:
docker stop backend-container frontend-container
docker rm backend-container frontend-container

About

A Letterboxd-inspired web application built with RESTful APIs, leveraging TMDB for media data. Users can explore movie details, genres, reviews, and more through a sleek, responsive interface.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published