A modern, high-performance, and fully responsive e-commerce storefront built for AURA, a curated brand specializing in minimalist lifestyle essentials. Designed with a "Bento-grid" hero section, glassmorphism navigation, and a focus on premium user experience to establish brand authority and trust.
You can view the live website here: Live Demo Link
-
📱 Fully Responsive: Optimized for a seamless shopping experience on All Mobile Devices, Tablets, and Desktops.
-
🛍️ Dynamic Cart System: Fully functional slide-out "Bag" with real-time total calculation and local storage persistence.
-
🎨 Minimalist Aesthetic: Premium UI featuring a clean color palette (Dark Olive & Slate), glassmorphism effects, and high-quality imagery.
-
⚡ Fast & Lightweight: Built using optimized Vanilla HTML, CSS, and JS for near-instant load times without heavy frameworks.
-🔍 Interactive Product Modals: Detailed product views featuring smooth entry animations and dynamic content rendering.
- 🛒 Checkout Simulation: Integrated "Success" state logic for the checkout process to enhance user interaction.
-
HTML5: Semantic structure used for better SEO and accessibility.
-
CSS3: Custom properties (variables), Flexbox, and CSS Grid (Bento layout) for a modern design.
-
JavaScript: Vanilla JS for state management (cart), DOM manipulation, and UI transitions.
-
Remix Icon: For high-quality, lightweight professional iconography.
-
Google Fonts: Utilizing 'Inter' for a clean, modern typography feel.
Plaintext
aura-essentials/ │ ├── index.html # Main storefront page ├── style.css # Custom styles, animations, and responsiveness ├── script.js # Cart logic, product data, and modal interactions └── favicon_io/ # Website icons and manifests