Skip to content

Latest commit

Β 

History

History
106 lines (78 loc) Β· 2.05 KB

File metadata and controls

106 lines (78 loc) Β· 2.05 KB

Striming App

A modern video streaming application built with Next.js 15, Node.js, MongoDB, and Ant Design.

Features

  • πŸ” Phone-based authentication with OTP verification
  • πŸ‘₯ Multiple login/logout sessions
  • 🎬 Full-featured video player with controls
  • 🎨 Modern UI with Ant Design
  • πŸ“¦ Code splitting and scalable architecture

Tech Stack

  • Frontend: Next.js 15, React 19, Ant Design
  • Backend: Node.js, Express, MongoDB
  • Authentication: JWT tokens
  • Video Streaming: Adaptive bitrate with HLS/DASH

Project Structure

next js 15/
β”œβ”€β”€ striming-app/
β”‚   β”œβ”€β”€ frontend/          # Next.js 15 application
β”‚   β”œβ”€β”€ backend/           # Node.js/Express API
β”‚   β”œβ”€β”€ package.json       # Root workspace configuration
β”‚   └── API_DOCUMENTATION.md
└── README.md              # This file

Getting Started

Prerequisites

  • Node.js 18+
  • MongoDB 6+
  • npm or yarn

Installation

  1. Navigate to the project directory:
cd "next js 15/striming-app"
  1. Install all dependencies:
npm run install:all
  1. Setup environment variables:

Create .env files in both frontend and backend directories (see .env.example files)

  1. Start development servers:
npm run dev

This will start:

Environment Variables

Frontend (.env.local)

NEXT_PUBLIC_API_URL=http://localhost:5000

Backend (.env)

PORT=5000
MONGODB_URI=mongodb://localhost:27017/striming-app
JWT_SECRET=your-secret-key-change-in-production
JWT_EXPIRES_IN=7d
OTP_SECRET=your-otp-secret-key
TWILIO_ACCOUNT_SID=your-twilio-sid
TWILIO_AUTH_TOKEN=your-twilio-token
TWILIO_PHONE_NUMBER=your-twilio-number

Development

Running Individual Services

Backend only:

cd striming-app/backend
npm run dev

Frontend only:

cd striming-app/frontend
npm run dev

API Documentation

API endpoints are available at /api routes. See striming-app/API_DOCUMENTATION.md for details.

License

MIT