Md Ahnaf Quayum
Building responsive web utilities and Flutter apps.
New to Contra
Md Ahnaf is ready for their next project!
A premium, enterprise-grade Property Management System (PMS) and operations dashboard engineered for boutique hotels, luxury resorts, and elite estates. LuxStay replaces clunky, legacy hotel platforms with a high-performance, unified digital command center.
The application streamlines critical daily operations by consolidating complex business verticals into a single fluid interface. It features a real-time SaaS Operations Center for live occupancy tracking, a dynamic room inventory layout with status overrides, deep guest CRM registries, priority-based housekeeping dispatch modules, and interactive business intelligence (BI) charts to forecast revenue statistics like RevPAR. Designed with an ultra-modern, responsive glassmorphic design language, the system balances dense commercial data presentation with a seamless, high-end user experience.
0
9
Vanguard is an agency-grade, high-fidelity UI/UX design and frontend development showcase of an ultra-premium, cutting-edge e-commerce Single Page Application (SPA) layout engineered for a luxury high-end fashion and streetwear brand.
Built to push the boundaries of modern web layouts, Vanguard blends an editorial fashion-house aesthetic with highly complex, interactive client-side engineering. The application features a custom zero-refresh SPA client router, glassmorphic UI elements, and a hardware-accelerated 3D Interactive Perspective Showcase Mode that transforms the entire flat interface into a tilted isometric canvas responding dynamically to cursor movement on the Z-axis.
Designed and developed with a performance-first mindset, Vanguard uses raw, optimized code to handle advanced graphics, seamless loading transitions, and layout customizers smoothly without relying on heavy enterprise frameworks or sacrificing layout precision.
0
16
Luxury Specialty Coffee Landing Page
An ultra-premium, conversion-focused single-page landing page designed for a high-end luxury specialty coffee roaster. This project showcases a minimalist, editorial design system built on vanilla web technologies, combining sophisticated typography with flawless performance.
Key Features:
Editorial Design System: Crafted a striking dark interface utilizing charcoal and obsidian surfaces, rich cream typography, and metallic amber accents paired with high-end font pairings.
Interactive & Cinematic Components: Implements custom JavaScript logic for seamless roasting process tabs, smooth height-animated FAQ accordions, and a fluid backdrop-blur video story modal.
Performance-Optimized Motion: Features an ultra-clean layout with custom product grid hover states and an IntersectionObserver script for smooth, scroll-triggered fade and slide-up animations
0
28
Premium Contractor & Supplier Platform
A premium, high-performance contractor and steel supplier website. This single-page platform combines a modern industrial aesthetic with a zero-bloat, lightweight architecture designed for maximum search engine discoverability and lightning-fast mobile load speeds.
Key Features:
SEO-Optimized Semantic Core: Utilizes standard HTML5 semantic elements to target high-intent regional keywords, maximizing organic search indexing right out of the box.
High-Fidelity Industrial Design: Features a custom CSS design system built from scratch with steel-gray and safety-orange tokens, responsive glassmorphic cards, and fluid grid layouts.
Native Scroll & Form Interactions: Implements vanilla ES6+ IntersectionObserver logic for smooth, scroll-triggered fade animations alongside frictionless serverless lead capture workflows.
0
33
Aura SaaS | Next.js Dashboard & Subscription Platform
A highly polished, interactive developer portfolio demonstration of a modern SaaS management dashboard. Built using Next.js 15 (App Router) and TypeScript, this project simulates a production-grade web application featuring dynamic authentication routes, client-side state persistence, and responsive interactive data grids.
Key Features:
Interactive Command Center: Features real-time metric cards, an activity feed, and a custom interactive SVG revenue chart with animated hover tooltips.
State Management & Persistence: Implements a strict TypeScript-typed global React Context model with localStorage persistence for account settings and dark-mode toggles.
Premium Micro-Animations: Utilizes Framer Motion for smooth UI transitions, layout sliding markers, and responsive mobile navigation drawers to achieve a high-end SaaS aesthetic.
0
37
A premium, highly responsive landing page built for a luxury grooming lounge. It combines an upscale dark-mode aesthetic with interactive vanilla JavaScript components, featuring a dynamic tabbed service filter, an elegant pricing matrix, and a seamless inline booking interface.
0
41