-
-### [+] Installation
-```apt update```
+# NightFlix Fullstack Video Website
+
+A complete fullstack video website built with React (Vite), Node.js/Express, and MongoDB. The project includes a public video browsing experience plus an admin dashboard for content, ads, announcements, analytics, and site settings.
+
+## Project structure
+
+- `backend/` – Express API, MongoDB models, seeding script, analytics endpoints
+- `frontend/` – React + Vite client with home page, detail page, upload page, and admin dashboard
+
+## Features
+
+### Public site
+- Home page with responsive dark-mode video grid
+- Search by title or tags
+- Category and tag filters
+- Video detail page with HTML5 player or iframe embeds
+- Related videos
+- Comment system
+- Popup ad, header/middle/footer banner ads
+- Announcement banner
+- Upload page
+
+### Admin panel
+- Overview cards for total videos and total views
+- Daily and monthly analytics charts
+- CRUD for videos, categories, tags, ads, and announcements
+- Site settings editor for branding and popup ads toggle
+
+## Run locally
+
+### 1) Backend
+```bash
+cd backend
+cp .env.example .env
+npm install
+npm run seed
+npm run dev
+```
-```apt install git python2 -y```
+Backend runs on `http://localhost:3000`.
-```git clone https://github.com/hax0rtahm1d/decrypt```
+### 2) Frontend
+```bash
+cd frontend
+npm install
+npm run dev
+```
-```cd decrypt```
+Frontend runs on `http://localhost:5173`.
-```python2 dec.py```
+## MongoDB
+Make sure MongoDB is running locally at the URI defined in `backend/.env`.
-### Or, Use Single Command
+Default local URI:
+```bash
+mongodb://127.0.0.1:27017/video_site
```
-apt update && apt install git python2 -y && git clone https://github.com/hax0rtahm1d/decrypt && cd decrypt && python2 dec.py
-```
-
-## [+] Find Me on :
-[](https://github.com/htr-tech)
-[](https://www.instagram.com/tahmid.rayat)
-[](https://m.me/tahmid.rayat.official)
diff --git a/backend/.env.example b/backend/.env.example
new file mode 100644
index 0000000..54a20f3
--- /dev/null
+++ b/backend/.env.example
@@ -0,0 +1,3 @@
+PORT=3000
+MONGODB_URI=mongodb://127.0.0.1:27017/video_site
+FRONTEND_URL=http://localhost:5173
diff --git a/backend/config/db.js b/backend/config/db.js
new file mode 100644
index 0000000..3b9a7b9
--- /dev/null
+++ b/backend/config/db.js
@@ -0,0 +1,11 @@
+import mongoose from 'mongoose';
+
+export async function connectDB(uri) {
+ try {
+ await mongoose.connect(uri);
+ console.log('MongoDB connected');
+ } catch (error) {
+ console.error('MongoDB connection error:', error.message);
+ process.exit(1);
+ }
+}
diff --git a/backend/controllers/adController.js b/backend/controllers/adController.js
new file mode 100644
index 0000000..c4c4e59
--- /dev/null
+++ b/backend/controllers/adController.js
@@ -0,0 +1,25 @@
+import { Ad } from '../models/Ad.js';
+
+export async function getAds(req, res) {
+ const filter = {};
+ if (req.query.active === 'true') filter.active = true;
+ const ads = await Ad.find(filter).sort({ createdAt: -1 });
+ res.json(ads);
+}
+
+export async function createAd(req, res) {
+ const ad = await Ad.create(req.body);
+ res.status(201).json(ad);
+}
+
+export async function updateAd(req, res) {
+ const ad = await Ad.findByIdAndUpdate(req.params.id, req.body, { new: true, runValidators: true });
+ if (!ad) return res.status(404).json({ message: 'Ad not found' });
+ res.json(ad);
+}
+
+export async function deleteAd(req, res) {
+ const ad = await Ad.findByIdAndDelete(req.params.id);
+ if (!ad) return res.status(404).json({ message: 'Ad not found' });
+ res.json({ message: 'Ad deleted' });
+}
diff --git a/backend/controllers/announcementController.js b/backend/controllers/announcementController.js
new file mode 100644
index 0000000..240e36f
--- /dev/null
+++ b/backend/controllers/announcementController.js
@@ -0,0 +1,23 @@
+import { Announcement } from '../models/Announcement.js';
+
+export async function getAnnouncement(req, res) {
+ const announcement = await Announcement.findOne({ active: true }).sort({ updatedAt: -1 });
+ res.json(announcement);
+}
+
+export async function createAnnouncement(req, res) {
+ const announcement = await Announcement.create(req.body);
+ res.status(201).json(announcement);
+}
+
+export async function updateAnnouncement(req, res) {
+ const announcement = await Announcement.findByIdAndUpdate(req.params.id, req.body, { new: true, runValidators: true });
+ if (!announcement) return res.status(404).json({ message: 'Announcement not found' });
+ res.json(announcement);
+}
+
+export async function deleteAnnouncement(req, res) {
+ const announcement = await Announcement.findByIdAndDelete(req.params.id);
+ if (!announcement) return res.status(404).json({ message: 'Announcement not found' });
+ res.json({ message: 'Announcement deleted' });
+}
diff --git a/backend/controllers/commentController.js b/backend/controllers/commentController.js
new file mode 100644
index 0000000..85d951d
--- /dev/null
+++ b/backend/controllers/commentController.js
@@ -0,0 +1,11 @@
+import { Comment } from '../models/Comment.js';
+
+export async function createComment(req, res) {
+ const { videoId, text } = req.body;
+ if (!videoId || !text?.trim()) {
+ return res.status(400).json({ message: 'videoId and text are required' });
+ }
+
+ const comment = await Comment.create({ videoId, text: text.trim() });
+ res.status(201).json(comment);
+}
diff --git a/backend/controllers/metaController.js b/backend/controllers/metaController.js
new file mode 100644
index 0000000..50a24b1
--- /dev/null
+++ b/backend/controllers/metaController.js
@@ -0,0 +1,46 @@
+import { Category } from '../models/Category.js';
+import { Tag } from '../models/Tag.js';
+
+export async function listCategories(req, res) {
+ const categories = await Category.find().sort({ name: 1 });
+ res.json(categories);
+}
+
+export async function createCategory(req, res) {
+ const category = await Category.create(req.body);
+ res.status(201).json(category);
+}
+
+export async function updateCategory(req, res) {
+ const category = await Category.findByIdAndUpdate(req.params.id, req.body, { new: true, runValidators: true });
+ if (!category) return res.status(404).json({ message: 'Category not found' });
+ res.json(category);
+}
+
+export async function deleteCategory(req, res) {
+ const category = await Category.findByIdAndDelete(req.params.id);
+ if (!category) return res.status(404).json({ message: 'Category not found' });
+ res.json({ message: 'Category deleted' });
+}
+
+export async function listTags(req, res) {
+ const tags = await Tag.find().sort({ name: 1 });
+ res.json(tags);
+}
+
+export async function createTag(req, res) {
+ const tag = await Tag.create(req.body);
+ res.status(201).json(tag);
+}
+
+export async function updateTag(req, res) {
+ const tag = await Tag.findByIdAndUpdate(req.params.id, req.body, { new: true, runValidators: true });
+ if (!tag) return res.status(404).json({ message: 'Tag not found' });
+ res.json(tag);
+}
+
+export async function deleteTag(req, res) {
+ const tag = await Tag.findByIdAndDelete(req.params.id);
+ if (!tag) return res.status(404).json({ message: 'Tag not found' });
+ res.json({ message: 'Tag deleted' });
+}
diff --git a/backend/controllers/settingsController.js b/backend/controllers/settingsController.js
new file mode 100644
index 0000000..9ee7c31
--- /dev/null
+++ b/backend/controllers/settingsController.js
@@ -0,0 +1,18 @@
+import { Setting } from '../models/Setting.js';
+
+export async function getSettings(req, res) {
+ const settings = await Setting.findOne().sort({ updatedAt: -1 });
+ res.json(settings);
+}
+
+export async function saveSettings(req, res) {
+ const existing = await Setting.findOne();
+ if (existing) {
+ Object.assign(existing, req.body);
+ await existing.save();
+ return res.json(existing);
+ }
+
+ const settings = await Setting.create(req.body);
+ res.status(201).json(settings);
+}
diff --git a/backend/controllers/statsController.js b/backend/controllers/statsController.js
new file mode 100644
index 0000000..080892d
--- /dev/null
+++ b/backend/controllers/statsController.js
@@ -0,0 +1,49 @@
+import { Video } from '../models/Video.js';
+import { ViewLog } from '../models/ViewLog.js';
+
+export async function getOverview(req, res) {
+ const [totalVideos, totalViewsAgg] = await Promise.all([
+ Video.countDocuments(),
+ Video.aggregate([{ $group: { _id: null, totalViews: { $sum: '$views' } } }])
+ ]);
+
+ res.json({
+ totalVideos,
+ totalViews: totalViewsAgg[0]?.totalViews || 0
+ });
+}
+
+export async function getDaily(req, res) {
+ const data = await ViewLog.aggregate([
+ {
+ $group: {
+ _id: {
+ year: { $year: '$createdAt' },
+ month: { $month: '$createdAt' },
+ day: { $dayOfMonth: '$createdAt' }
+ },
+ count: { $sum: 1 }
+ }
+ },
+ { $sort: { '_id.year': 1, '_id.month': 1, '_id.day': 1 } }
+ ]);
+
+ res.json(data.map((item) => ({ date: `${item._id.year}-${String(item._id.month).padStart(2, '0')}-${String(item._id.day).padStart(2, '0')}`, count: item.count })));
+}
+
+export async function getMonthly(req, res) {
+ const data = await ViewLog.aggregate([
+ {
+ $group: {
+ _id: {
+ year: { $year: '$createdAt' },
+ month: { $month: '$createdAt' }
+ },
+ count: { $sum: 1 }
+ }
+ },
+ { $sort: { '_id.year': 1, '_id.month': 1 } }
+ ]);
+
+ res.json(data.map((item) => ({ month: `${item._id.year}-${String(item._id.month).padStart(2, '0')}`, count: item.count })));
+}
diff --git a/backend/controllers/videoController.js b/backend/controllers/videoController.js
new file mode 100644
index 0000000..87560e0
--- /dev/null
+++ b/backend/controllers/videoController.js
@@ -0,0 +1,118 @@
+import mongoose from 'mongoose';
+import { Video } from '../models/Video.js';
+import { Comment } from '../models/Comment.js';
+import { ViewLog } from '../models/ViewLog.js';
+import { Tag } from '../models/Tag.js';
+import { Category } from '../models/Category.js';
+
+function normalizeTags(tags) {
+ if (Array.isArray(tags)) return tags.map((tag) => String(tag).trim()).filter(Boolean);
+ if (typeof tags === 'string') {
+ return tags.split(',').map((tag) => tag.trim()).filter(Boolean);
+ }
+ return [];
+}
+
+async function syncMetadata(category, tags) {
+ if (category) {
+ await Category.findOneAndUpdate(
+ { name: category.trim() },
+ { $setOnInsert: { name: category.trim() } },
+ { upsert: true, new: true }
+ );
+ }
+
+ if (tags.length) {
+ await Promise.all(
+ tags.map((name) =>
+ Tag.findOneAndUpdate({ name }, { $setOnInsert: { name } }, { upsert: true, new: true })
+ )
+ );
+ }
+}
+
+export async function getVideos(req, res) {
+ const { category, tag, q } = req.query;
+ const filter = {};
+
+ if (category) filter.category = category;
+ if (tag) filter.tags = tag;
+ if (q) {
+ filter.$or = [
+ { title: { $regex: q, $options: 'i' } },
+ { tags: { $elemMatch: { $regex: q, $options: 'i' } } }
+ ];
+ }
+
+ const videos = await Video.find(filter).sort({ createdAt: -1 });
+ res.json(videos);
+}
+
+export async function getVideoById(req, res) {
+ const { id } = req.params;
+ if (!mongoose.Types.ObjectId.isValid(id)) {
+ return res.status(400).json({ message: 'Invalid video id' });
+ }
+
+ const video = await Video.findById(id);
+ if (!video) {
+ return res.status(404).json({ message: 'Video not found' });
+ }
+
+ video.views += 1;
+ await video.save();
+
+ await ViewLog.create({
+ videoId: video._id,
+ ip: req.headers['x-forwarded-for']?.split(',')[0]?.trim() || req.socket.remoteAddress || 'unknown'
+ });
+
+ const comments = await Comment.find({ videoId: video._id }).sort({ createdAt: -1 });
+ const relatedVideos = await Video.find({
+ _id: { $ne: video._id },
+ $or: [{ category: video.category }, { tags: { $in: video.tags } }]
+ })
+ .limit(8)
+ .sort({ views: -1, createdAt: -1 });
+
+ return res.json({ ...video.toObject(), comments, relatedVideos });
+}
+
+export async function createVideo(req, res) {
+ const payload = req.body;
+ const tags = normalizeTags(payload.tags);
+ const video = await Video.create({ ...payload, tags });
+ await syncMetadata(video.category, tags);
+ res.status(201).json(video);
+}
+
+export async function updateVideo(req, res) {
+ const { id } = req.params;
+ const payload = req.body;
+ const tags = normalizeTags(payload.tags);
+ const video = await Video.findByIdAndUpdate(id, { ...payload, tags }, { new: true, runValidators: true });
+ if (!video) return res.status(404).json({ message: 'Video not found' });
+ await syncMetadata(video.category, tags);
+ res.json(video);
+}
+
+export async function deleteVideo(req, res) {
+ const { id } = req.params;
+ const video = await Video.findByIdAndDelete(id);
+ if (!video) return res.status(404).json({ message: 'Video not found' });
+ await Comment.deleteMany({ videoId: id });
+ await ViewLog.deleteMany({ videoId: id });
+ res.json({ message: 'Video deleted' });
+}
+
+export async function searchVideos(req, res) {
+ const q = req.query.q || '';
+ const videos = await Video.find({
+ $or: [
+ { title: { $regex: q, $options: 'i' } },
+ { tags: { $elemMatch: { $regex: q, $options: 'i' } } }
+ ]
+ }).sort({ createdAt: -1 });
+
+ res.json(videos);
+}
diff --git a/backend/models/Ad.js b/backend/models/Ad.js
new file mode 100644
index 0000000..cad855b
--- /dev/null
+++ b/backend/models/Ad.js
@@ -0,0 +1,13 @@
+import mongoose from 'mongoose';
+
+const adSchema = new mongoose.Schema(
+ {
+ image: { type: String, required: true },
+ link: { type: String, required: true },
+ position: { type: String, enum: ['popup', 'header', 'middle', 'footer'], required: true },
+ active: { type: Boolean, default: true }
+ },
+ { timestamps: true }
+);
+
+export const Ad = mongoose.model('Ad', adSchema);
diff --git a/backend/models/Announcement.js b/backend/models/Announcement.js
new file mode 100644
index 0000000..ccf9792
--- /dev/null
+++ b/backend/models/Announcement.js
@@ -0,0 +1,12 @@
+import mongoose from 'mongoose';
+
+const announcementSchema = new mongoose.Schema(
+ {
+ title: { type: String, required: true },
+ content: { type: String, required: true },
+ active: { type: Boolean, default: true }
+ },
+ { timestamps: true }
+);
+
+export const Announcement = mongoose.model('Announcement', announcementSchema);
diff --git a/backend/models/Category.js b/backend/models/Category.js
new file mode 100644
index 0000000..2b4bc60
--- /dev/null
+++ b/backend/models/Category.js
@@ -0,0 +1,11 @@
+import mongoose from 'mongoose';
+
+const categorySchema = new mongoose.Schema(
+ {
+ name: { type: String, required: true, unique: true, trim: true },
+ description: { type: String, default: '' }
+ },
+ { timestamps: true }
+);
+
+export const Category = mongoose.model('Category', categorySchema);
diff --git a/backend/models/Comment.js b/backend/models/Comment.js
new file mode 100644
index 0000000..44be812
--- /dev/null
+++ b/backend/models/Comment.js
@@ -0,0 +1,11 @@
+import mongoose from 'mongoose';
+
+const commentSchema = new mongoose.Schema(
+ {
+ videoId: { type: mongoose.Schema.Types.ObjectId, ref: 'Video', required: true },
+ text: { type: String, required: true, trim: true }
+ },
+ { timestamps: true }
+);
+
+export const Comment = mongoose.model('Comment', commentSchema);
diff --git a/backend/models/Setting.js b/backend/models/Setting.js
new file mode 100644
index 0000000..9f6dc30
--- /dev/null
+++ b/backend/models/Setting.js
@@ -0,0 +1,13 @@
+import mongoose from 'mongoose';
+
+const settingSchema = new mongoose.Schema(
+ {
+ siteName: { type: String, default: 'NightFlix' },
+ logo: { type: String, default: '' },
+ primaryColor: { type: String, default: '#e50914' },
+ popupAdsEnabled: { type: Boolean, default: true }
+ },
+ { timestamps: true }
+);
+
+export const Setting = mongoose.model('Setting', settingSchema);
diff --git a/backend/models/Tag.js b/backend/models/Tag.js
new file mode 100644
index 0000000..2eb4824
--- /dev/null
+++ b/backend/models/Tag.js
@@ -0,0 +1,10 @@
+import mongoose from 'mongoose';
+
+const tagSchema = new mongoose.Schema(
+ {
+ name: { type: String, required: true, unique: true, trim: true }
+ },
+ { timestamps: true }
+);
+
+export const Tag = mongoose.model('Tag', tagSchema);
diff --git a/backend/models/Video.js b/backend/models/Video.js
new file mode 100644
index 0000000..da2074d
--- /dev/null
+++ b/backend/models/Video.js
@@ -0,0 +1,17 @@
+import mongoose from 'mongoose';
+
+const videoSchema = new mongoose.Schema(
+ {
+ title: { type: String, required: true, trim: true },
+ description: { type: String, default: '' },
+ thumbnail: { type: String, required: true },
+ videoUrl: { type: String, required: true },
+ type: { type: String, enum: ['mp4', 'embed'], required: true },
+ views: { type: Number, default: 0 },
+ tags: [{ type: String, trim: true }],
+ category: { type: String, required: true, trim: true }
+ },
+ { timestamps: true }
+);
+
+export const Video = mongoose.model('Video', videoSchema);
diff --git a/backend/models/ViewLog.js b/backend/models/ViewLog.js
new file mode 100644
index 0000000..2bb05e7
--- /dev/null
+++ b/backend/models/ViewLog.js
@@ -0,0 +1,11 @@
+import mongoose from 'mongoose';
+
+const viewLogSchema = new mongoose.Schema(
+ {
+ videoId: { type: mongoose.Schema.Types.ObjectId, ref: 'Video', required: true },
+ ip: { type: String, default: 'unknown' }
+ },
+ { timestamps: true }
+);
+
+export const ViewLog = mongoose.model('ViewLog', viewLogSchema);
diff --git a/backend/package.json b/backend/package.json
new file mode 100644
index 0000000..b437b40
--- /dev/null
+++ b/backend/package.json
@@ -0,0 +1,20 @@
+{
+ "name": "video-site-backend",
+ "version": "1.0.0",
+ "type": "module",
+ "scripts": {
+ "dev": "nodemon server.js",
+ "start": "node server.js",
+ "seed": "node seed/seedData.js"
+ },
+ "dependencies": {
+ "cors": "^2.8.5",
+ "dotenv": "^16.4.5",
+ "express": "^4.19.2",
+ "mongoose": "^8.6.1",
+ "morgan": "^1.10.0"
+ },
+ "devDependencies": {
+ "nodemon": "^3.1.4"
+ }
+}
diff --git a/backend/routes/adRoutes.js b/backend/routes/adRoutes.js
new file mode 100644
index 0000000..a6c085e
--- /dev/null
+++ b/backend/routes/adRoutes.js
@@ -0,0 +1,9 @@
+import { Router } from 'express';
+import { createAd, deleteAd, getAds, updateAd } from '../controllers/adController.js';
+
+const router = Router();
+router.get('/', getAds);
+router.post('/', createAd);
+router.put('/:id', updateAd);
+router.delete('/:id', deleteAd);
+export default router;
diff --git a/backend/routes/announcementRoutes.js b/backend/routes/announcementRoutes.js
new file mode 100644
index 0000000..aee8ca5
--- /dev/null
+++ b/backend/routes/announcementRoutes.js
@@ -0,0 +1,9 @@
+import { Router } from 'express';
+import { createAnnouncement, deleteAnnouncement, getAnnouncement, updateAnnouncement } from '../controllers/announcementController.js';
+
+const router = Router();
+router.get('/', getAnnouncement);
+router.post('/', createAnnouncement);
+router.put('/:id', updateAnnouncement);
+router.delete('/:id', deleteAnnouncement);
+export default router;
diff --git a/backend/routes/commentRoutes.js b/backend/routes/commentRoutes.js
new file mode 100644
index 0000000..4027a3f
--- /dev/null
+++ b/backend/routes/commentRoutes.js
@@ -0,0 +1,6 @@
+import { Router } from 'express';
+import { createComment } from '../controllers/commentController.js';
+
+const router = Router();
+router.post('/', createComment);
+export default router;
diff --git a/backend/routes/metaRoutes.js b/backend/routes/metaRoutes.js
new file mode 100644
index 0000000..ba57116
--- /dev/null
+++ b/backend/routes/metaRoutes.js
@@ -0,0 +1,25 @@
+import { Router } from 'express';
+import {
+ createCategory,
+ createTag,
+ deleteCategory,
+ deleteTag,
+ listCategories,
+ listTags,
+ updateCategory,
+ updateTag
+} from '../controllers/metaController.js';
+
+const categoryRouter = Router();
+categoryRouter.get('/', listCategories);
+categoryRouter.post('/', createCategory);
+categoryRouter.put('/:id', updateCategory);
+categoryRouter.delete('/:id', deleteCategory);
+
+const tagRouter = Router();
+tagRouter.get('/', listTags);
+tagRouter.post('/', createTag);
+tagRouter.put('/:id', updateTag);
+tagRouter.delete('/:id', deleteTag);
+
+export { categoryRouter, tagRouter };
diff --git a/backend/routes/searchRoutes.js b/backend/routes/searchRoutes.js
new file mode 100644
index 0000000..8983fdc
--- /dev/null
+++ b/backend/routes/searchRoutes.js
@@ -0,0 +1,8 @@
+import { Router } from 'express';
+import { searchVideos } from '../controllers/videoController.js';
+
+const router = Router();
+
+router.get('/', searchVideos);
+
+export default router;
diff --git a/backend/routes/settingsRoutes.js b/backend/routes/settingsRoutes.js
new file mode 100644
index 0000000..c325434
--- /dev/null
+++ b/backend/routes/settingsRoutes.js
@@ -0,0 +1,7 @@
+import { Router } from 'express';
+import { getSettings, saveSettings } from '../controllers/settingsController.js';
+
+const router = Router();
+router.get('/', getSettings);
+router.post('/', saveSettings);
+export default router;
diff --git a/backend/routes/statsRoutes.js b/backend/routes/statsRoutes.js
new file mode 100644
index 0000000..4484775
--- /dev/null
+++ b/backend/routes/statsRoutes.js
@@ -0,0 +1,8 @@
+import { Router } from 'express';
+import { getDaily, getMonthly, getOverview } from '../controllers/statsController.js';
+
+const router = Router();
+router.get('/overview', getOverview);
+router.get('/daily', getDaily);
+router.get('/monthly', getMonthly);
+export default router;
diff --git a/backend/routes/videoRoutes.js b/backend/routes/videoRoutes.js
new file mode 100644
index 0000000..2f002f4
--- /dev/null
+++ b/backend/routes/videoRoutes.js
@@ -0,0 +1,12 @@
+import { Router } from 'express';
+import { createVideo, deleteVideo, getVideoById, getVideos, searchVideos, updateVideo } from '../controllers/videoController.js';
+
+const router = Router();
+
+router.get('/', getVideos);
+router.get('/:id', getVideoById);
+router.post('/', createVideo);
+router.put('/:id', updateVideo);
+router.delete('/:id', deleteVideo);
+
+export default router;
diff --git a/backend/seed/seedData.js b/backend/seed/seedData.js
new file mode 100644
index 0000000..6ea6dc5
--- /dev/null
+++ b/backend/seed/seedData.js
@@ -0,0 +1,56 @@
+import 'dotenv/config';
+import { connectDB } from '../config/db.js';
+import { Video } from '../models/Video.js';
+import { Category } from '../models/Category.js';
+import { Tag } from '../models/Tag.js';
+import { Ad } from '../models/Ad.js';
+import { Announcement } from '../models/Announcement.js';
+import { Setting } from '../models/Setting.js';
+
+const MONGODB_URI = process.env.MONGODB_URI || 'mongodb://127.0.0.1:27017/video_site';
+
+const categories = ['Trending', 'Featured', 'Action', 'Drama', 'Music'];
+const tags = ['hot', 'hd', 'exclusive', 'trending', 'viral', 'night', 'cinema'];
+const videos = Array.from({ length: 10 }).map((_, index) => ({
+ title: `Sample Video ${index + 1}`,
+ description: `Demo description for sample video ${index + 1}.`,
+ thumbnail: `https://picsum.photos/seed/video-${index + 1}/640/360`,
+ videoUrl: index % 2 === 0 ? 'https://samplelib.com/lib/preview/mp4/sample-5s.mp4' : 'https://www.youtube.com/embed/dQw4w9WgXcQ',
+ type: index % 2 === 0 ? 'mp4' : 'embed',
+ views: 1000 + index * 137,
+ tags: [tags[index % tags.length], tags[(index + 2) % tags.length]],
+ category: categories[index % categories.length],
+ createdAt: new Date(Date.now() - index * 86400000)
+}));
+
+const ads = [
+ { image: 'https://picsum.photos/seed/header-ad/1200/180', link: 'https://example.com/header', position: 'header', active: true },
+ { image: 'https://picsum.photos/seed/middle-ad/1200/180', link: 'https://example.com/middle', position: 'middle', active: true },
+ { image: 'https://picsum.photos/seed/footer-ad/1200/180', link: 'https://example.com/footer', position: 'footer', active: true },
+ { image: 'https://picsum.photos/seed/popup-ad/1280/720', link: 'https://example.com/popup', position: 'popup', active: true }
+];
+
+async function seed() {
+ await connectDB(MONGODB_URI);
+
+ await Promise.all([
+ Video.deleteMany({}),
+ Category.deleteMany({}),
+ Tag.deleteMany({}),
+ Ad.deleteMany({}),
+ Announcement.deleteMany({}),
+ Setting.deleteMany({})
+ ]);
+
+ await Category.insertMany(categories.map((name) => ({ name })));
+ await Tag.insertMany(tags.map((name) => ({ name })));
+ await Video.insertMany(videos);
+ await Ad.insertMany(ads);
+ await Announcement.create({ title: 'Tonight\'s Featured Drop', content: 'New videos are live now. Browse the latest uploads and trending picks.', active: true });
+ await Setting.create({ siteName: 'NightFlix', logo: 'https://picsum.photos/seed/logo/120/40', primaryColor: '#e50914', popupAdsEnabled: true });
+
+ console.log('Seed complete');
+ process.exit(0);
+}
+
+seed();
diff --git a/backend/server.js b/backend/server.js
new file mode 100644
index 0000000..999c5d5
--- /dev/null
+++ b/backend/server.js
@@ -0,0 +1,46 @@
+import 'dotenv/config';
+import express from 'express';
+import cors from 'cors';
+import morgan from 'morgan';
+import { connectDB } from './config/db.js';
+import videoRoutes from './routes/videoRoutes.js';
+import searchRoutes from './routes/searchRoutes.js';
+import commentRoutes from './routes/commentRoutes.js';
+import { categoryRouter, tagRouter } from './routes/metaRoutes.js';
+import statsRoutes from './routes/statsRoutes.js';
+import adRoutes from './routes/adRoutes.js';
+import announcementRoutes from './routes/announcementRoutes.js';
+import settingsRoutes from './routes/settingsRoutes.js';
+
+const app = express();
+const PORT = process.env.PORT || 3000;
+const MONGODB_URI = process.env.MONGODB_URI || 'mongodb://127.0.0.1:27017/video_site';
+
+app.use(cors({ origin: process.env.FRONTEND_URL || 'http://localhost:5173' }));
+app.use(express.json());
+app.use(morgan('dev'));
+
+app.get('/api/health', (req, res) => {
+ res.json({ status: 'ok' });
+});
+
+app.use('/api/videos', videoRoutes);
+app.use('/api/search', searchRoutes);
+app.use('/api/comments', commentRoutes);
+app.use('/api/categories', categoryRouter);
+app.use('/api/tags', tagRouter);
+app.use('/api/stats', statsRoutes);
+app.use('/api/ads', adRoutes);
+app.use('/api/announcement', announcementRoutes);
+app.use('/api/settings', settingsRoutes);
+
+app.use((error, req, res, next) => {
+ console.error(error);
+ res.status(500).json({ message: 'Internal server error' });
+});
+
+connectDB(MONGODB_URI).then(() => {
+ app.listen(PORT, () => {
+ console.log(`Backend running on port ${PORT}`);
+ });
+});
diff --git a/frontend/index.html b/frontend/index.html
new file mode 100644
index 0000000..6708a38
--- /dev/null
+++ b/frontend/index.html
@@ -0,0 +1,12 @@
+
+
+
+
+
+
+
+
+ {settings?.logo ? 
: null}
+ {settings?.siteName || 'NightFlix'}
+
+ onSearchChange(event.target.value)}
+ />
+
+
+ {children}
+
+ );
+}
diff --git a/frontend/src/components/PopupAd.jsx b/frontend/src/components/PopupAd.jsx
new file mode 100644
index 0000000..c37fd2b
--- /dev/null
+++ b/frontend/src/components/PopupAd.jsx
@@ -0,0 +1,27 @@
+import { useEffect, useState } from 'react';
+
+export function PopupAd({ ad, enabled }) {
+ const [open, setOpen] = useState(false);
+
+ useEffect(() => {
+ if (!enabled || !ad?.active) return;
+ const alreadySeen = sessionStorage.getItem('popupSeen');
+ if (!alreadySeen) {
+ setOpen(true);
+ sessionStorage.setItem('popupSeen', 'true');
+ }
+ }, [ad, enabled]);
+
+ if (!open || !ad?.active || !enabled) return null;
+
+ return (
+ setOpen(false)}>
+
+ );
+}
diff --git a/frontend/src/components/Skeletons.jsx b/frontend/src/components/Skeletons.jsx
new file mode 100644
index 0000000..141cadd
--- /dev/null
+++ b/frontend/src/components/Skeletons.jsx
@@ -0,0 +1,17 @@
+export function VideoGridSkeleton() {
+ return (
+ event.stopPropagation()}>
+
+
+ 
+
+
+
+ {Array.from({ length: 8 }).map((_, index) => (
+
+ );
+}
+
+export function ChartSkeleton() {
+ return ;
+}
diff --git a/frontend/src/components/VideoCard.jsx b/frontend/src/components/VideoCard.jsx
new file mode 100644
index 0000000..c3c82bf
--- /dev/null
+++ b/frontend/src/components/VideoCard.jsx
@@ -0,0 +1,16 @@
+import { Link } from 'react-router-dom';
+
+export function VideoCard({ video }) {
+ return (
+
+
+
+
+
+
+ ))}
+
+ 
+
+
+
+
+ );
+}
diff --git a/frontend/src/main.jsx b/frontend/src/main.jsx
new file mode 100644
index 0000000..1f82009
--- /dev/null
+++ b/frontend/src/main.jsx
@@ -0,0 +1,13 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import { BrowserRouter } from 'react-router-dom';
+import App from './App';
+import './styles/global.css';
+
+ReactDOM.createRoot(document.getElementById('root')).render(
+ {video.title}
+{video.views.toLocaleString()} views
+ {new Date(video.createdAt).toLocaleDateString()} +