Gold Stream is a modern Full Stack Movie Discovery Platform featuring trailers, reviews, and watchlists with a cinematic UI. Built with React, Spring Boot, MongoDB, and Tailwind CSS, it delivers a seamless movie browsing experience with robust backend services.

⚠️ Note: The frontend is deployed on Vercel, and the backend is hosted on Render. Due to backend cold starts on Render, initial site load may take up to 10 seconds.

✨ Sample data is preloaded into the database. Check the backend/sample-data folder for more info.

🗃️ MongoDB Atlas is used for database hosting and is already integrated with the backend.

• 🎥 Watch Trailers – Stream movie trailers seamlessly
• 📝 Reviews – Read & post reviews with a clean UI
• 📋 Watchlist – Save movies to your personal list
• ⚡ Responsive UI – Optimized for all devices
• 🌈 Tailwind CSS Integration – Utility-first custom styling with animations
• 💃 Fallback & Loading States – Smooth user experience

• Frontend: React, React Router DOM, Tailwind CSS, Bootstrap, MUI
• Icons: FontAwesome, MUI Icons
• HTTP Client: Axios
• Backend: Spring Boot (Java)
• Database: MongoDB (Hosted on MongoDB Atlas)

/frontend/src
|-- components
| |-- Hero
| |-- Trailer
| |-- Reviews
| |-- ReviewForm
| |-- NotFound
| |-- Header
|-- App.js
|-- index.js
|-- index.css
|-- tailwind.config.js
|-- postcss.config.js
|-- api
| |-- axios.js
/backend
|-- src/main/java/com/goldstream/api
| |-- controllers
| |-- services
| |-- models
| |-- repositories
|-- src/main/resources/application.properties
|-- pom.xml
|-- sample-data

1. Clone the repo:

git clone https://github.com/Skywalker690/gold-stream.git
cd gold-stream/frontend

2. Install dependencies:

npm install

3. Start the app:

npm start

1. Navigate to the backend folder:

cd ../backend

2. Run the Spring Boot application:

./mvnw spring-boot:run

ngrok http 8080

Example ngrok URL:

https://abcd1234.ngrok.io

In /frontend/src/api/axios.js

import axios from 'axios';
const API_BASE_URL = 'https://abcd1234.ngrok.io'; // Replace with your ngrok URL
const api = axios.create({
 baseURL: API_BASE_URL,
 headers: {
 'Content-Type': 'application/json'
 }
});
export default api;

Visit Gold Stream Live

This project is MIT Licensed.

• UI/UX Inspired by modern cinema apps
• API Data powered by The Movie Database (TMDB)
• UI/UX Inspired by modern cinema apps
• Developed by Sanjo