Skip to content

Latest commit

 

History

History
60 lines (51 loc) · 2.42 KB

README.md

File metadata and controls

60 lines (51 loc) · 2.42 KB

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