An Over-the-Top (OTT) streaming platform built with React for frontend, Node.js/Express for backend, and Firebase as the database. Stream movies, series, and videos seamlessly with a responsive interface.
- Browse movies, series, and videos
- Search & filter content easily
- Responsive video player
- User authentication via Firebase Auth
- Favorites and watchlist stored in Firebase Firestore
- Admin panel to manage content (Add/Update/Delete)
| Layer | Technology |
|---|---|
| Frontend | React, React Router, CSS/Styled Components |
| Backend | Node.js, Express.js |
| Database | Firebase Firestore |
| Auth | Firebase Auth |
| Deployment | Netlify |
connex-watch/
│
├─ backend/
│ ├─ controllers/
│ ├─ routes/
│ ├─ models/
│ ├─ app.js
│ └─ server.js
│
├─ frontend/
│ ├─ public/
│ ├─ src/
│ │ ├─ components/
│ │ ├─ pages/
│ │ ├─ context/ (or redux/)
│ │ ├─ api/
│ │ └─ App.js
│
└─ README.md- Node.js >= 18.x
- npm or yarn
- Firebase CLI
- Clone the repository
git clone https://github.com/Cirarshi/connex-watch.git
cd connex-watch- Backend Setup
cd backend
npm install
npm run dev- Runs on http://localhost:5000
- API routes under /api/*
- Frontend Setup
- Frontend Setup
cd ../frontend
npm install
npm start- Runs on http://localhost:3000
Create a .env file in frontend and backend folders.
PORT=5000
FIREBASE_PROJECT_ID=your_project_id
FIREBASE_CLIENT_EMAIL=your_client_email
FIREBASE_PRIVATE_KEY="your_private_key"REACT_APP_FIREBASE_API_KEY=your_api_key
REACT_APP_FIREBASE_AUTH_DOMAIN=your_project.firebaseapp.com
REACT_APP_FIREBASE_PROJECT_ID=your_project_id##⚡ Future Enhancements
- Video recommendations based on user activity
- Admin dashboard analytics
- Subscription-based payment integration
- Offline downloads & mobile support
❤️ Contributing
Contributions are welcome! Please fork the repo, make your changes, and submit a pull request.
📬 Contact
- GitHub: Cirarshi
- Email: [email protected]