{"id":24605293,"url":"https://github.com/edphong/letterboxd-clone","last_synced_at":"2026-04-11T13:33:25.133Z","repository":{"id":267234546,"uuid":"900615335","full_name":"edphong/letterboxd-clone","owner":"edphong","description":"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.","archived":false,"fork":false,"pushed_at":"2025-02-17T04:10:23.000Z","size":1145,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-17T05:20:42.133Z","etag":null,"topics":["apache-maven","docker","full-stack-web-development","httpmethods","java","post-api","reactjs","restful-api","springboot"],"latest_commit_sha":null,"homepage":"","language":"Java","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/edphong.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-12-09T06:33:00.000Z","updated_at":"2025-02-17T04:10:26.000Z","dependencies_parsed_at":"2025-01-23T11:32:08.303Z","dependency_job_id":null,"html_url":"https://github.com/edphong/letterboxd-clone","commit_stats":null,"previous_names":["edphong/letterboxd-clone"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/edphong%2Fletterboxd-clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/edphong%2Fletterboxd-clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/edphong%2Fletterboxd-clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/edphong%2Fletterboxd-clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/edphong","download_url":"https://codeload.github.com/edphong/letterboxd-clone/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244198253,"owners_count":20414440,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["apache-maven","docker","full-stack-web-development","httpmethods","java","post-api","reactjs","restful-api","springboot"],"created_at":"2025-01-24T16:16:39.380Z","updated_at":"2025-12-31T00:16:14.620Z","avatar_url":"https://github.com/edphong.png","language":"Java","readme":"# myBacklog - Letterboxd Clone \n## About\nA 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.\n\n### Landing Page\n![Screenshot_from_2025-01-17_15-12-00](https://github.com/user-attachments/assets/ac91b1e1-24c3-45d1-a5c7-f08ccc8f3ad3)\n\n### Film Information \n![image](https://github.com/user-attachments/assets/641c9667-39c3-4121-bf65-f74a711b6b88)\n\n### Television Show Information\n![image2](https://github.com/user-attachments/assets/aefbf768-af18-4981-aaff-7f4a187d176c)\n\n## Features\n- Browse media (Movies \u0026 TV Shows) seamlessly.\n- View detailed information of selected media including but not limited to genres, reviews, release dates and more.\n- Interactive and responsive design for an optimal user experience.\n- Designed with a focus on modern UI/UX principles for intuitive navigation and aesthetic appeal.\n- Implemented an efficient search algorithm to efficiently search and navigate API data.\n\n## Tech Stacks\n- **React \u0026 CSS**: Building the frontend and ensuring responsive, user-friendly interfaces.\n- **Java, Spring Boot \u0026 Apache Maven**: For backend development and efficient dependency management.\n- **Docker**: To containerize the application for easy deployment and scalability.\n- **TMDB APIs**: Leveraging The Movie Database's APIs to fetch movie and TV show data.\n\n## Getting Started\n### Prerequisites\nEnsure you have the latest version of Docker installed (27.5.0 as of January 2025). You can verify your installation by running: \n```\ndocker --version\n```\n\n### Obtain API Key and Set up Environment Variables\n1. Go to The Movie Database (TMDB) website.\n2. Create an account or log in if you already have one.\n3. Go to your account settings, navigate to the API section, and request an API key.\n4. Copy paste API key into **.env** file.\n\n### Running the Application with Docker via Command Line\n1. Clone Repository\n2. Terminal 1: Build and Run Backend\n```\ncd backend\ndocker build -t my-backend -f dockerfile-backend .\ndocker run --name backend-container -p 8080:8080 --env-file .env backend\n```\n4. Terminal 2: Build and Run Frontend\n```\ncd frontend\ndocker build -t my-frontend -f dockerfile-frontend .\ndocker run --name frontend-container -p 3000:80 frontend\n```\n4. Navigate to (http://localhost:3000)\n5. To terminate:\n```\ndocker stop backend-container frontend-container\ndocker rm backend-container frontend-container\n```\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fedphong%2Fletterboxd-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fedphong%2Fletterboxd-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fedphong%2Fletterboxd-clone/lists"}