Premium Eyewear
Catalog
HTML5 • CSS3 • Node.js • Express • MongoDB • JWT
A full-stack, glassmorphism-themed web application for managing and displaying a premium eyewear catalog. Built with a Node.js/Express backend, a Vanilla HTML/CSS/JS frontend, and an interactive secure admin dashboard.
Live DeploymentShowcase.
Premium Glassmorphic UI
A sleek, modern, dark-themed interface with frosted glass effects and floating elements. Features dynamic brand showcases for brands like Prada, Jimmy Choo, and Cartier.
Interactive Product View
High-resolution image viewing via a Quick View Modal. Equipped with drag-to-pan, mouse-wheel zoom capabilities, and a responsive masonry grid array.
JWT Authentication
A secure, glassmorphic login screen protecting the backend. Generates strictly-verified 24-hour JSON Web Tokens required for modifying the catalog database.
Live Admin Analytics
An interactive sidebar navigation system featuring real-time animated counters for total brands and total products tracked across the entire MongoDB database.
Brand Management
Complete CRUD functionality. Use the live search and filtering endpoints to instantly locate, edit, or delete eyewear brands via secure API calls.
Product Operations
Upload new products to specific nested brand documents. Features clean, animated, non-blocking success and error toast alerts for all server interactions.
Broken Links Utility
A specialized, built-in scanner that sequentially runs through the entire database, attempting to resolve product image URLs. Highlights broken URLs and provides a 1-click 'Fix Link' UI.