Project Overview
Live Preview
DM Vegetables is a high-end web application built for a Sri Lankan organic produce distributor. The platform focuses on delivering the highest-quality organic vegetables directly from farms to importers and consumers, featuring a premium, immersive user experience.
🎨 Design Philosophy
The application follows a Modern Organic Aesthetic:
🟢Glassmorphism: Sleek, translucent navigation and components.
🟢Vibrant Visuals: High-resolution harvest imagery and smooth CSS animations.
🟢Premium UX: Custom preloaders, smooth transitions, and a mobile-first responsive layout.
🟢Dynamic Interactions: Swiper.js powered carousels and hover-responsive cards.
🛠️ Technology Stack
🟢Framework: Laravel (PHP)
🟢Styling: Tailwind CSS 4
🟢Bundler: Vite
🟢Frontend Logic: Blade Templates & Vanilla JavaScript
🟢Animations: Font Awesome 6 & Custom CSS3 Keyframes
🟢Package Manager: NPM / Composer
🚀 Key Features
🟢Branded Identity: Integrated "DM Vegetables" organic branding with custom icons.
🟢Interactive Harvest Cycle: Tiered supply plans (Weekly/Monthly) with visual indicators.
🟢Robust Layout: A unified Master Layout system for consistent headers, footers, and SEO metadata.
🟢Fast Performance: Optimized asset bundling via Vite and Laravel view caching.
🟢Contact Integration: Direct links to social media (Facebook/Nerd Tech Labs) and contact forms.
Project Progress
Step 01
Research & Design
Completed
Step 02
Development & Testing
Completed
Step 03
Final Deployment
Live
Projects Details