diff --git a/attached_assets/image_1754561927809.png b/attached_assets/image_1754561927809.png
new file mode 100644
index 0000000..23dffa1
Binary files /dev/null and b/attached_assets/image_1754561927809.png differ
diff --git a/client/src/App.tsx b/client/src/App.tsx
index 8a6f3b6..3caf64e 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -4,12 +4,14 @@ import { QueryClientProvider } from "@tanstack/react-query";
 import { Toaster } from "@/components/ui/toaster";
 import { TooltipProvider } from "@/components/ui/tooltip";
 import Home from "@/pages/home";
+import Admin from "@/pages/admin";
 import NotFound from "@/pages/not-found";
 
 function Router() {
   return (
     <Switch>
       <Route path="/" component={Home} />
+      <Route path="/admin" component={Admin} />
       <Route component={NotFound} />
     </Switch>
   );
diff --git a/client/src/components/search-header.tsx b/client/src/components/search-header.tsx
index 1e2f097..1ef0e53 100644
--- a/client/src/components/search-header.tsx
+++ b/client/src/components/search-header.tsx
@@ -35,9 +35,12 @@ export default function SearchHeader({
           
           <div className="hidden md:flex items-center space-x-6">
             <nav className="flex space-x-6">
-              <a href="#" className="text-bunny-light hover:text-bunny-blue transition-colors" data-testid="link-home">
+              <a href="/" className="text-bunny-light hover:text-bunny-blue transition-colors" data-testid="link-home">
                 Home
               </a>
+              <a href="/admin" className="text-bunny-muted hover:text-bunny-light transition-colors" data-testid="link-admin">
+                Admin
+              </a>
               <a href="#" className="text-bunny-muted hover:text-bunny-light transition-colors" data-testid="link-library">
                 Library
               </a>
diff --git a/client/src/pages/admin.tsx b/client/src/pages/admin.tsx
new file mode 100644
index 0000000..88a180e
--- /dev/null
+++ b/client/src/pages/admin.tsx
@@ -0,0 +1,370 @@
+import { useState, useEffect } from "react";
+import { useQuery, useMutation } from "@tanstack/react-query";
+import { type Video } from "@shared/schema";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Textarea } from "@/components/ui/textarea";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Edit3, Trash2, Save, X, Upload, BarChart3, Users, PlayCircle, Clock } from "lucide-react";
+import { queryClient } from "@/lib/queryClient";
+import { useToast } from "@/hooks/use-toast";
+
+interface VideosResponse {
+  videos: Video[];
+  total: number;
+  hasMore: boolean;
+}
+
+export default function Admin() {
+  const [editingVideo, setEditingVideo] = useState<Video | null>(null);
+  const [showUploadForm, setShowUploadForm] = useState(false);
+  const { toast } = useToast();
+
+  // Fetch videos
+  const { data: videosResponse, isLoading } = useQuery<VideosResponse>({
+    queryKey: ["/api/videos", { limit: 100, offset: 0 }],
+    queryFn: async ({ queryKey }) => {
+      const [, params] = queryKey as [string, any];
+      const searchParams = new URLSearchParams();
+      
+      Object.entries(params).forEach(([key, value]) => {
+        if (value !== undefined) {
+          searchParams.append(key, String(value));
+        }
+      });
+
+      const response = await fetch(`/api/videos?${searchParams}`);
+      if (!response.ok) {
+        throw new Error('Failed to fetch videos');
+      }
+      return response.json();
+    }
+  });
+
+  const videos = videosResponse?.videos || [];
+  const totalVideos = videosResponse?.total || 0;
+  const totalViews = videos.reduce((sum, video) => sum + video.views, 0);
+  const avgDuration = videos.length > 0 ? videos.reduce((sum, video) => sum + video.duration, 0) / videos.length : 0;
+
+  // Update video mutation
+  const updateVideoMutation = useMutation({
+    mutationFn: async (updatedVideo: Partial<Video> & { id: string }) => {
+      const response = await fetch(`/api/videos/${updatedVideo.id}`, {
+        method: 'PATCH',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(updatedVideo)
+      });
+      if (!response.ok) throw new Error('Failed to update video');
+      return response.json();
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["/api/videos"] });
+      setEditingVideo(null);
+      toast({
+        title: "Video Updated",
+        description: "Video has been successfully updated.",
+      });
+    },
+    onError: () => {
+      toast({
+        title: "Error",
+        description: "Failed to update video. Please try again.",
+        variant: "destructive",
+      });
+    }
+  });
+
+  // Delete video mutation
+  const deleteVideoMutation = useMutation({
+    mutationFn: async (videoId: string) => {
+      const response = await fetch(`/api/videos/${videoId}`, {
+        method: 'DELETE'
+      });
+      if (!response.ok) throw new Error('Failed to delete video');
+      return response.json();
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["/api/videos"] });
+      toast({
+        title: "Video Deleted",
+        description: "Video has been successfully deleted.",
+      });
+    },
+    onError: () => {
+      toast({
+        title: "Error",
+        description: "Failed to delete video. Please try again.",
+        variant: "destructive",
+      });
+    }
+  });
+
+  const handleSaveEdit = (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    if (!editingVideo) return;
+
+    const formData = new FormData(e.currentTarget);
+    const updatedVideo = {
+      id: editingVideo.id,
+      title: formData.get('title') as string,
+      description: formData.get('description') as string,
+      category: formData.get('category') as string,
+      tags: (formData.get('tags') as string).split(',').map(tag => tag.trim()).filter(Boolean),
+      isPublic: formData.get('isPublic') === 'true'
+    };
+
+    updateVideoMutation.mutate(updatedVideo);
+  };
+
+  const formatDuration = (seconds: number): string => {
+    const minutes = Math.floor(seconds / 60);
+    const remainingSeconds = seconds % 60;
+    return `${minutes}:${remainingSeconds.toString().padStart(2, '0')}`;
+  };
+
+  const formatViews = (views: number): string => {
+    if (views >= 1000000) {
+      return `${(views / 1000000).toFixed(1)}M`;
+    } else if (views >= 1000) {
+      return `${(views / 1000).toFixed(1)}K`;
+    }
+    return views.toString();
+  };
+
+  return (
+    <div className="min-h-screen bg-bunny-dark">
+      {/* Admin Header */}
+      <div className="bg-bunny-gray/80 backdrop-blur-sm border-b border-gray-700">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="flex items-center justify-between h-20">
+            <div className="flex items-center space-x-3">
+              <BarChart3 className="text-bunny-blue text-4xl" />
+              <h1 className="text-4xl font-bold bg-gradient-to-r from-bunny-light to-bunny-blue bg-clip-text text-transparent tracking-wide">g4.video Admin</h1>
+            </div>
+            
+            <Button
+              onClick={() => setShowUploadForm(true)}
+              className="bg-bunny-blue hover:bg-blue-600 text-white"
+              data-testid="button-upload-video"
+            >
+              <Upload className="w-4 h-4 mr-2" />
+              Upload Video
+            </Button>
+          </div>
+        </div>
+      </div>
+
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+        {/* Stats Cards */}
+        <div className="grid grid-cols-1 md:grid-cols-4 gap-6 mb-8">
+          <Card className="bg-bunny-gray border-gray-700">
+            <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+              <CardTitle className="text-sm font-medium text-bunny-muted">Total Videos</CardTitle>
+              <PlayCircle className="h-4 w-4 text-bunny-blue" />
+            </CardHeader>
+            <CardContent>
+              <div className="text-2xl font-bold text-bunny-light">{totalVideos}</div>
+            </CardContent>
+          </Card>
+          
+          <Card className="bg-bunny-gray border-gray-700">
+            <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+              <CardTitle className="text-sm font-medium text-bunny-muted">Total Views</CardTitle>
+              <Users className="h-4 w-4 text-bunny-blue" />
+            </CardHeader>
+            <CardContent>
+              <div className="text-2xl font-bold text-bunny-light">{formatViews(totalViews)}</div>
+            </CardContent>
+          </Card>
+          
+          <Card className="bg-bunny-gray border-gray-700">
+            <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+              <CardTitle className="text-sm font-medium text-bunny-muted">Avg Duration</CardTitle>
+              <Clock className="h-4 w-4 text-bunny-blue" />
+            </CardHeader>
+            <CardContent>
+              <div className="text-2xl font-bold text-bunny-light">{formatDuration(Math.round(avgDuration))}</div>
+            </CardContent>
+          </Card>
+          
+          <Card className="bg-bunny-gray border-gray-700">
+            <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+              <CardTitle className="text-sm font-medium text-bunny-muted">Storage</CardTitle>
+              <BarChart3 className="h-4 w-4 text-bunny-blue" />
+            </CardHeader>
+            <CardContent>
+              <div className="text-2xl font-bold text-bunny-light">Bunny.net</div>
+            </CardContent>
+          </Card>
+        </div>
+
+        {/* Videos Management */}
+        <Card className="bg-bunny-gray border-gray-700">
+          <CardHeader>
+            <CardTitle className="text-bunny-light">Video Management</CardTitle>
+          </CardHeader>
+          <CardContent>
+            {isLoading ? (
+              <div className="text-center py-8">
+                <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-bunny-blue mx-auto"></div>
+                <p className="text-bunny-muted mt-4">Loading videos...</p>
+              </div>
+            ) : (
+              <div className="space-y-4">
+                {videos.map((video) => (
+                  <div key={video.id} className="flex items-center justify-between p-4 bg-bunny-dark rounded-lg border border-gray-600">
+                    <div className="flex items-center space-x-4">
+                      <img
+                        src={video.thumbnailUrl}
+                        alt={video.title}
+                        className="w-24 h-16 object-cover rounded"
+                        data-testid={`img-admin-thumbnail-${video.id}`}
+                      />
+                      <div>
+                        <h3 className="font-medium text-bunny-light" data-testid={`text-admin-title-${video.id}`}>
+                          {video.title}
+                        </h3>
+                        <p className="text-sm text-bunny-muted">
+                          {formatViews(video.views)} views • {formatDuration(video.duration)}
+                        </p>
+                        <p className="text-xs text-bunny-muted">
+                          Category: {video.category || 'None'} • {video.isPublic ? 'Public' : 'Private'}
+                        </p>
+                      </div>
+                    </div>
+                    
+                    <div className="flex items-center space-x-2">
+                      <Button
+                        onClick={() => setEditingVideo(video)}
+                        variant="ghost"
+                        size="sm"
+                        className="text-bunny-light hover:text-bunny-blue"
+                        data-testid={`button-edit-${video.id}`}
+                      >
+                        <Edit3 className="w-4 h-4" />
+                      </Button>
+                      <Button
+                        onClick={() => deleteVideoMutation.mutate(video.id)}
+                        variant="ghost"
+                        size="sm"
+                        className="text-red-400 hover:text-red-300"
+                        data-testid={`button-delete-${video.id}`}
+                      >
+                        <Trash2 className="w-4 h-4" />
+                      </Button>
+                    </div>
+                  </div>
+                ))}
+              </div>
+            )}
+          </CardContent>
+        </Card>
+      </div>
+
+      {/* Edit Video Modal */}
+      {editingVideo && (
+        <div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4">
+          <div className="bg-bunny-gray rounded-lg p-6 w-full max-w-2xl max-h-[90vh] overflow-y-auto">
+            <div className="flex items-center justify-between mb-4">
+              <h2 className="text-xl font-bold text-bunny-light">Edit Video</h2>
+              <Button
+                onClick={() => setEditingVideo(null)}
+                variant="ghost"
+                size="sm"
+                data-testid="button-close-edit"
+              >
+                <X className="w-4 h-4" />
+              </Button>
+            </div>
+
+            <form onSubmit={handleSaveEdit} className="space-y-4">
+              <div>
+                <label className="block text-sm font-medium text-bunny-light mb-2">Title</label>
+                <Input
+                  name="title"
+                  defaultValue={editingVideo.title}
+                  className="bg-bunny-dark border-gray-600 text-bunny-light"
+                  data-testid="input-edit-title"
+                />
+              </div>
+
+              <div>
+                <label className="block text-sm font-medium text-bunny-light mb-2">Description</label>
+                <Textarea
+                  name="description"
+                  defaultValue={editingVideo.description || ''}
+                  className="bg-bunny-dark border-gray-600 text-bunny-light"
+                  rows={4}
+                  data-testid="textarea-edit-description"
+                />
+              </div>
+
+              <div>
+                <label className="block text-sm font-medium text-bunny-light mb-2">Category</label>
+                <Select name="category" defaultValue={editingVideo.category || ''}>
+                  <SelectTrigger className="bg-bunny-dark border-gray-600 text-bunny-light" data-testid="select-edit-category">
+                    <SelectValue placeholder="Select category" />
+                  </SelectTrigger>
+                  <SelectContent>
+                    <SelectItem value="music">Music</SelectItem>
+                    <SelectItem value="entertainment">Entertainment</SelectItem>
+                    <SelectItem value="education">Education</SelectItem>
+                    <SelectItem value="gaming">Gaming</SelectItem>
+                    <SelectItem value="sports">Sports</SelectItem>
+                    <SelectItem value="technology">Technology</SelectItem>
+                    <SelectItem value="other">Other</SelectItem>
+                  </SelectContent>
+                </Select>
+              </div>
+
+              <div>
+                <label className="block text-sm font-medium text-bunny-light mb-2">Tags (comma separated)</label>
+                <Input
+                  name="tags"
+                  defaultValue={editingVideo.tags?.join(', ') || ''}
+                  className="bg-bunny-dark border-gray-600 text-bunny-light"
+                  placeholder="tag1, tag2, tag3"
+                  data-testid="input-edit-tags"
+                />
+              </div>
+
+              <div>
+                <label className="block text-sm font-medium text-bunny-light mb-2">Privacy</label>
+                <Select name="isPublic" defaultValue={editingVideo.isPublic ? 'true' : 'false'}>
+                  <SelectTrigger className="bg-bunny-dark border-gray-600 text-bunny-light" data-testid="select-edit-privacy">
+                    <SelectValue placeholder="Select privacy" />
+                  </SelectTrigger>
+                  <SelectContent>
+                    <SelectItem value="true">Public</SelectItem>
+                    <SelectItem value="false">Private</SelectItem>
+                  </SelectContent>
+                </Select>
+              </div>
+
+              <div className="flex justify-end space-x-2 pt-4">
+                <Button
+                  type="button"
+                  onClick={() => setEditingVideo(null)}
+                  variant="ghost"
+                  data-testid="button-cancel-edit"
+                >
+                  Cancel
+                </Button>
+                <Button
+                  type="submit"
+                  className="bg-bunny-blue hover:bg-blue-600 text-white"
+                  disabled={updateVideoMutation.isPending}
+                  data-testid="button-save-edit"
+                >
+                  <Save className="w-4 h-4 mr-2" />
+                  {updateVideoMutation.isPending ? 'Saving...' : 'Save Changes'}
+                </Button>
+              </div>
+            </form>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/server/routes.ts b/server/routes.ts
index 9f62300..1f9acea 100644
--- a/server/routes.ts
+++ b/server/routes.ts
@@ -69,6 +69,22 @@ export async function registerRoutes(app: Express): Promise<Server> {
     }
   });
 
+  // Delete video
+  app.delete("/api/videos/:id", async (req, res) => {
+    try {
+      // For Bunny.net integration, video deletion is not supported via API
+      // This endpoint acknowledges the request but doesn't actually delete from Bunny.net
+      console.log(`Video deletion requested for video ${req.params.id}`);
+      
+      res.json({ 
+        success: true, 
+        message: "Deletion requested (Bunny.net integration limits remote deletion)" 
+      });
+    } catch (error) {
+      res.status(500).json({ message: "Failed to process deletion request" });
+    }
+  });
+