🎬 Verse

Verse is a modern streaming platform built with React, TypeScript, Firebase, and Vercel.

Designed to deliver a smooth, responsive, and engaging entertainment experience while exploring real-world software engineering concepts such as authentication, profile management, cloud databases, deployment pipelines, and scalable frontend architecture.

🌐 Live Demo

https://streamverse-xi-self.vercel.app/

✨ Features

• 🔐 Google Authentication
• 👤 Multi-Profile System
• 🎭 Custom Avatar Profiles
• ⭐ Personalized Watchlists
• 📊 User Insights Dashboard
• 🔍 Smart Content Discovery
• 📱 Fully Responsive Design
• ⚡ Fast React + Vite Architecture
• ☁️ Firebase Integration
• 🚀 Production Deployment on Vercel

🛠 Tech Stack

Frontend

• React.js
• TypeScript
• Tailwind CSS
• Vite

Backend & Cloud

• Firebase Authentication
• Cloud Firestore

Deployment

• Vercel

🚀 Local Setup

git clone <repository-url>
cd verse
npm install
npm run dev

🔑 Environment Variables

Create a .env file:

VITE_FIREBASE_API_KEY=
VITE_FIREBASE_AUTH_DOMAIN=
VITE_FIREBASE_PROJECT_ID=
VITE_FIREBASE_STORAGE_BUCKET=
VITE_FIREBASE_MESSAGING_SENDER_ID=
VITE_FIREBASE_APP_ID=

VITE_TMDB_API_KEY=
VITE_TMDB_READ_ACCESS_TOKEN=

🎯 Learning Outcomes

This project helped me gain hands-on experience with:

• Authentication & Authorization
• Cloud Database Integration
• Responsive UI Development
• State Management
• Error Handling & Debugging
• Deployment & Production Workflows
• Performance Optimization

🔮 Future Roadmap

• Enhanced Recommendations
• Advanced Analytics
• Better Profile Management
• Improved Performance
• Refined User Experience

👨‍💻 Developer

Sahil Singh

GitHub: https://github.com/Whysahil

LinkedIn: https://www.linkedin.com/in/sahil-kumar-297a40323

Email: sahilkumar854327@gmail.com

---

Built with ❤️ by Sahil Singh