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