🎬 Streamverse

Streamverse is a full-stack MERN-based OTT streaming platform inspired by popular video streaming services.
It allows users to browse movies and TV shows, view details, and experience a modern, responsive UI.

---

🚀 Features

• 🔐 User authentication (Login & Register)
• 🎥 Browse movies and TV shows
• 🔍 Search functionality
• 📄 Detailed movie/show pages
• 📱 Fully responsive UI
• ⚡ Fast and smooth user experience
• 🌐 RESTful APIs for backend communication

---

🛠️ Tech Stack

Frontend

• React.js
• JavaScript (ES6+)
• CSS
• Axios
• Vite

Backend

• Node.js
• Express.js
• MongoDB
• Mongoose
• JWT Authentication

---

Streamverse/ │ ├── backend/ │ ├── controllers/ │ ├── routes/ │ ├── models/ │ ├── config/ │ └── server.js │ ├── frontend/ │ ├── src/ │ │ ├── components/ │ │ ├── pages/ │ │ └── App.jsx │ ├── .gitignore ├── package.json └── README.md

📂 Project Structure

---

⚙️ Installation & Setup

1️⃣ Clone the repository

git clone https://github.com/kanaklatwal/Streamverse.git
cd Streamverse
Install Dependencies
Backend
cd backend
npm install

Frontend
cd frontend
npm install

🔐 Environment Variables

Create a .env file inside the backend folder and add:

MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret


⚠️ Note:
.env and node_modules are intentionally ignored for security reasons.

▶️ Run the Application
Backend
cd backend
npm start

Frontend
cd frontend
npm run dev

🌐 Deployment

Frontend: Vercel

Backend: Render

(Live link will be added soon 🚀)

🎯 Learning Outcomes

Hands-on experience with MERN stack

Implemented secure authentication

Built REST APIs

Improved React component architecture

Understood full-stack project workflow

👤 Author

Kanak Latwal

GitHub: @kanaklatwal

⭐ If you like this project, don’t forget to give it a star!