M&M Selections
A modern full-stack ecommerce store and custom CMS built for both retail and wholesale customers. Features multi-variant products, separate wholesale pricing, live delivery settings, order tracking, and Meezan Bank payment integration.
M&M Selections is an ecommerce store and custom admin CMS built to serve both retail shoppers and bulk wholesale buyers.
The storefront gives customers an easy way to browse products across dedicated sections: Home, About Us, Contact, Categories, Brands, a specialized Fragrance hub , and a dedicated Wholesale portal . Shoppers can choose from multiple product variants, check live stock, view retail or wholesale prices, and enjoy quick cart updates powered by Zustand .
For store owners, the custom CMS makes daily management simple. Admins can add or edit products with variants, track inventory, view orders, and change order statuses. A dynamic Settings page allows the admin to update the delivery fee and estimated delivery time whenever needed, while payments are handled securely through the Meezan Bank merchant gateway with live order tracking.
Technology Stack
M&M Selections is built with Next.js for the storefront and API routes, MongoDB to manage products, variants, orders, and site settings, Zustand for instant shopping cart state, Tailwind CSS for clean styling, and Meezan Bank for direct payments.
Key Features
The core capabilities that shape this project's experience and workflow.
Fast Next.js storefront with a custom administrative CMS dashboard
Products with multiple variants, live stock limits, and image galleries
Dual pricing system with separate wholesale rates and retail prices
Dedicated shopping sections: Fragrance hub, Brands, Categories, and Wholesale
Complete CMS to add and edit products, configure variants, and track stock
Dynamic Settings page to update delivery fees and delivery timeframes anytime
Order management dashboard with status updates (Pending, Processing, Shipped, Delivered)
Real-time order tracking page for customer self-service
Direct and secure payment checkout with Meezan Bank Merchant Gateway
Instant cart updates and responsive experience across all devices
User Interface Showcase
A selection of key interfaces from the project, showcasing core user workflows, essential features, and responsive design.
Storefront Home
Clean landing page showcasing featured brands, fragrance highlights, and main categories.
Catalog & Filtering
Product browsing page with easy category navigation and price filters.
Fragrance Department
Dedicated perfume and fragrance collection page with curated scents.
Product & Variants
Product details page showing variant selection, live stock, and wholesale vs. retail pricing.
CMS Product Manager
Admin dashboard to view all products, search, filter, and monitor stock levels.
CMS Product Editor
Simple form for admins to add products, configure variants, and set wholesale rates.
Project Workflow
The platform is organized into two main parts: the customer storefront (browsing products, selecting variants, checkout via Meezan Bank, and tracking orders) and the admin CMS (managing products, inventory, orders, and delivery settings).
Have something in mind?
Let’s turn your idea into something people want to use.
From the first product decision to the final interface, I can help you design and build the complete experience. Either it is website, mobile app or AI based application, I will design and build it from scratch.
Get in Touch
I am excited to connect! Whether you have a project idea, need assistance, or just want to chat about tech, feel free to reach out.