https://github.com/edphong/letterboxd-clone
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.
https://github.com/edphong/letterboxd-clone
apache-maven docker full-stack-web-development httpmethods java post-api reactjs restful-api springboot
Last synced: 3 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/edphong/letterboxd-clone
- Owner: edphong
- Created: 2024-12-09T06:33:00.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-02-17T04:10:23.000Z (4 months ago)
- Last Synced: 2025-02-17T05:20:42.133Z (4 months ago)
- Topics: apache-maven, docker, full-stack-web-development, httpmethods, java, post-api, reactjs, restful-api, springboot
- Language: Java
- Homepage:
- Size: 1.09 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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
### Film Information
### Television Show Information
## 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
```
4. 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
```
4. Navigate to (http://localhost:3000)
5. To terminate:
```
docker stop backend-container frontend-container
docker rm backend-container frontend-container
```