Back to Experience
🎨 Custom UI Engineering
Deeply modified NGINX directory listing engine to create a sophisticated user account interface with password protection and white-label capabilities
Technology Stack
Project Overview
- Supported the graphic design team with technical implementations
- Created custom user interface for client file access
- Designed system to fit company's brand identity
- Built white-label solution for easy customization
NGINX Engine Modification
- Deeply modified NGINX directory listing generation engine
- Transformed standard directory view into user account interface
- Implemented password-protected access system
- Created selective file permission system based on user credentials
- No database required - account system based on username/password authentication
Frontend Development
- Complete DOM reconstruction using JavaScript
- Destroyed original DOM and rebuilt with custom structure
- Implemented path recursivity for dynamic tree navigation
- Added file-type specific logotypes and icons
- Created dynamic download functionality (single file, multiple files, or full directory)
- Responsive design matching company graphic layout
Key Features
- User-specific password access control
- Selective file visibility based on permissions
- Dynamic tree-based directory browser
- Flexible download options (file, selection, or directory)
- White-label capability for client branding
- No backend database dependency