LIVE PREVIEWBUY FOR $11

SmartGrocery - Single-Vendor Grocery and Supermarket Solution

VERSION 2.0 MEGA UPDATE RELEASED!
Now with 100% True Drag & Drop Visible Theme Builder • 6 Header Presets • 3 Luxurious Themes • Laravel 12 • Subsequent.js 16 • Flutter (iOS & Android)

Live Customer Web Storefront  | 
⚙️ Live Admin Panel Demo  | 
Demo Directions Under

Demo Directions

Discover each the customer-facing net storefront and the chief admin panel utilizing the credentials under:

⚠️ Exterior Paid Providers Disclaimer & Utilization Discover

Necessary Discover on Exterior Paid Providers: SmartGrocery depends on exterior paid third-party providers and numerous fee gateways to offer AI automation and monetary transactions. Please word that these exterior providers will incur further prices for the top person:

  • OpenAI API: Powers elective AI-assisted product descriptions, good advertising and marketing copy, and catalog technology. Requires an energetic OpenAI API account with usage-based billing.
  • Fee Gateways (Stripe, Razorpay, and many others.): Course of on-line card funds and digital transactions. Topic to service provider account charges and per-transaction charges set by the fee suppliers.
  • Push Notification & Cloud Providers (Firebase, OneSignal): Utilized for real-time buyer alerts and cellular notifications.

The tip person / purchaser is answerable for registering their very own accounts with these third-party service suppliers and protecting any related utilization charges, API expenses, or subscription prices.

<!– BANNER 1: VISUAL THEME BUILDER –>

SmartGrocery - 100% True Drag and Drop Visual Theme Builder

1. All-New 100% True Drag & Drop Visible Theme Builder

Say goodbye to hardcoded layouts and inflexible configurations! SmartGrocery v2.0 introduces a breakthrough, Elementor-grade WYSIWYG Stay Theme Customizer. Retailer homeowners and non-technical entrepreneurs can construct, design, rearrange, and customise their complete grocery storefront with zero coding data.

  • 60 FPS Fluid Canvas Drag-and-Drop: Powered by Sortable.js with hardware-accelerated animations. Click on, drag, reorder, and swap any homepage part effortlessly.
  • Stay On-Canvas Motion Toolbar [ + ] [ ▲ ] [ ⠿ ] [ ▼ ] [ ✏️ ] [ ✕ ]: Hover over any part to immediately entry fast actions:
    • [ + ]: Insert new customized product sections, sliders, or advertising and marketing promo blocks wherever.
    • [ ▲ ] / [ ▼ ]: Swap part positions upward or downward with 1 click on.
    • [ ⠿ ]: 6-dot drag deal with for easy real-time drag reordering.
    • [ ✏️ ]: Focus the inspector panel straight onto the chosen aspect.
    • [ ✕ ]: Immediately take away or cover any part from the storefront.
  • In-Place Visible Pen Modifying ([ ✏️ ]): Floating pen icons seem over all headlines, subtitles, badge capsules, and call-to-action buttons. Click on to edit content material reside on display with 0ms delay.
  • Secure Native Sandbox Mode: Preview all modifications regionally in draft mode. Solely whenever you click on “Save & Publish” are modifications synchronized with MySQL and the reside Redis/API cache cleared.
  • Multi-Gadget Responsive Canvas Switcher: Immediately check your storefront inside Desktop (100%), Pill (768px iPad), and Cell Frames (iPhone 16, Google Pixel 9, Samsung Galaxy S24 Extremely) with real looking bezels.

<!– BANNER 2: 6 HEADER NAVIGATION PRESETS –>

SmartGrocery - 6 Header and Navigation Layout Presets

2. Six Pre-Constructed Header & Navigation Format Presets

Change your storefront model id immediately with 6 designer-crafted header layouts constructed for prime conversion:

  1. Trendy Basic (Default Grocery store): Darkish belief strip with cellphone & handle, crisp search capsule, vibrant emerald “All Classes” dropdown button, and animated pulsing reside gives ticker.
  2. SeloCommerce Centered Minimal: Centered model emblem, rounded search capsule with purple button, mushy motion chips, and balanced clear navigation hyperlinks.
  3. SeloMarket Mega Class Bar: Darkish belief banner, high-visibility search, vertical icon labels, daring black class button, and full-width horizontal catalog navigation.
  4. Trend & Connoisseur Boutique: Mild editorial prime bar, minimalist single-row boutique structure with uppercase typography, and luxurious person motion icons.
  5. Gadget Hub & Comfort: Darkish tech header, high-contrast search, round motion icons, and division mega-menu strip.
  6. Pure Natural Grocery: Stable emerald inexperienced header, clear white search capsule, vertical motion icons (Monitor Order, Signal In, Wishlist, Cart), and heat pure accents.

<!– BANNER 3: DYNAMIC PRODUCT DETAILS PAGE –>

SmartGrocery - Dynamic Product View and Details Page

️ 3. Dynamic Product Particulars Web page (Product View)

Present your prospects with an elite procuring expertise designed to maximise common order worth (AOV):

  • Excessive-Decision Gallery & Zoom: Multi-image product gallery with easy thumbnail carousel and interactive zoom.
  • Multi-Unit Weight Selectors: Promote merchandise by weight or packaging (500g, 1kg, 2kg, 5kg, dozen, pack, bottle) with automated dynamic value updates.
  • Stay Inventory Standing & Low Inventory Indicators: Exhibits real-time inventory availability (e.g., “In Inventory”, “Solely 3 gadgets left”) to induce optimistic shopping for urgency.
  • Buyer Critiques & Star Scores: Verified purchaser assessment system with 5-star scores, buyer testimonials, and photograph attachments.
  • 1-Click on Purchase Now & Fast Add-to-Cart: Instantaneous checkout drawer or slide-over cart with zero web page reloads.
  • Associated Merchandise & Regularly Purchased Collectively: Automated suggestions to spice up cross-sells and basket measurement.

<!– BANNER 4: CUSTOMER STOREFRONT & SECTIONS –>

SmartGrocery - Next.js 16 Customer Storefront

4. Excessive-Efficiency Subsequent.js 16 Buyer Storefront

Engineered with Subsequent.js 16 (App Router), React 19, and Tailwind CSS, the shopper net portal delivers sub-second load occasions and a 99+ Google Lighthouse efficiency rating.

  • Zero Format Shift (CLS 0.0): Fb/Instagram-grade shimmer skeleton placeholders throughout all product playing cards, sliders, and navigation menus.
  • Sensible Spherical Loader Pull-to-Refresh: Native cellular app really feel proper inside cellular net browsers with rotating SVG progress arrows.
  • Instantaneous Autocomplete Search: Actual-time key phrase search with instantaneous product thumbnails, costs, and inventory indicators.
  • Dynamic Banner & Slider Engine: 4 structure kinds together with ShopMart Stacked, SeloMarket Mega Slider, SeloLuxe Luxurious Slider, and Twin Break up Marketing campaign.
  • Full English Defaults: Clear, skilled worldwide customary with multi-currency (USD, EUR, GBP, BDT, INR, CAD) and multi-language engine.

<!– BANNER 5: CATEGORIES & CATALOG –>

SmartGrocery - Category Browser and Product Catalog Grid

5. Infinite Class Hierarchy & Sensible Catalog Filtering

  • Multi-Stage Class Tree: Infinite important classes, subcategories, and little one classes with customized SVG/PNG icon assist.
  • Faceted Sidebar Filters: Filter merchandise dynamically by value vary slider, class, model, ranking, and dietary tags (Natural, Gluten-Free, Vegan, Contemporary Harvest).
  • Grid & Record View Toggles: Prospects can change between compact product grids and detailed grocery record views.
  • Quick Sorting: Kind by Reputation, Latest Arrivals, Value: Low to Excessive, Value: Excessive to Low, and Highest Rated.

<!– BANNER 6: CART & FAST CHECKOUT –>

SmartGrocery - Slide-Over Cart and 1-Page Fast Checkout

6. Slide-Over Cart & Streamlined 1-Web page Quick Checkout

  • Slide-Over Drawer Cart: View gadgets, increment/decrement portions, and see real-time subtotal calculations with out leaving the present procuring web page.
  • 1-Click on Coupon & Promo Code Apply: Prominently show energetic promo codes with instantaneous copy & apply performance.
  • Dynamic Supply Zone Calculation: Automated transport payment calculation based mostly on supply distance, order weight, or flat fee tiers.
  • Scheduled Supply Slot Picker: Prospects can select instantaneous specific supply (below 30 minutes) or choose most well-liked supply dates and time home windows.
  • A number of Fee Strategies: Full assist for Stripe, PayPal, Razorpay, Money on Supply (COD), and Cell Pockets balances.

<!– BANNER 7: FLUTTER MOBILE APPS –>

SmartGrocery - Flutter iOS and Android Mobile Apps

7. Cross-Platform Flutter Cell Apps (Android & iOS)

Single clear Dart codebase offering 100% native efficiency on each Android (Google Play Retailer) and iOS (Apple App Retailer):

  • Trendy Tab Bar Navigation: Dwelling, Classes, Orders, Cart, and Buyer Profile with silky 60 FPS transitions.
  • Built-in Stripe SDK: Safe in-app credit score/debit card processing with Apple Pay and Google Pay readiness.
  • Push Notifications Engine: Automated push notifications for order confirmations, dispatch alerts, and flash low cost bulletins by way of OneSignal / Firebase.
  • Offline Caching & Shimmer Results: Instantaneous offline display rendering with Hive / SharedPreferences state persistence.
  • Full Setup Information Included: Step-by-step directions to generate manufacturing APK, AAB, and iOS IPA bundles.

8. Buyer Account Portal & Stay Order Monitoring

  • Visible Progress Stepper: Actual-time standing updates: Order Positioned → Confirmed → Processing → Out for Supply → Delivered.
  • Interactive Tackle Guide: Save a number of supply addresses (Dwelling, Workplace, Different) with GPS coordinates and pin-point accuracy.
  • Order Historical past & Instantaneous Re-Order: Prospects can view previous invoices, obtain PDF receipts, and re-order their favourite groceries in 1 faucet.
  • Buyer Pockets & Loyalty Factors: Constructed-in digital pockets for refunds, top-ups, and cashback rewards.

<!– BANNER 9: ADMIN DASHBOARD & ANALYTICS –>

SmartGrocery - Admin Executive Dashboard and Sales Analytics

9. Highly effective Laravel 12 Backend & Govt Admin Panel

Constructed on the fashionable Laravel 12 framework with PHP 8.2+, Tailwind CSS, and Alpine.js for lightning-fast administrative management:

  • Actual-Time Gross sales Metrics: Stay income counters, order quantity, common basket measurement, and energetic buyer analytics.
  • Interactive Gross sales & Progress Charts: Visible Chart.js stories with 7-day, 30-day, month-to-month, and yearly income filters.
  • Low Inventory & Stock Alerts: Automated dashboard warnings when important gadgets fall under security thresholds.
  • Position-Based mostly Workers Entry Management: Create customized workers roles (Supervisor, Order Packer, Stock Clerk, Assist Agent) with granular permissions.

<!– BANNER 10: PRODUCTS & ORDERS MANAGEMENT –>

SmartGrocery - Product Catalog and Order Fulfillment Workflow

10. Complete Stock & Order Success

  • Wealthy Product Editor: Product title, SKU, barcode, unit measurements (kg, gm, pack, pcs), wholesale & retail pricing, tax guidelines, and multi-image uploads.
  • Order Processing Hub: Filter orders by standing (Pending, Confirmed, Shipped, Delivered, Canceled, Refunded) with 1-click standing transitions.
  • PDF Invoices & Packing Slips: Generate skilled thermal printable receipts and branded buyer invoices.
  • Supply Personnel Task: Assign particular supply drivers to orders with instantaneous push notification dispatches.

<!– BANNER 11: MARKETING & DYNAMIC OFFERS –>

SmartGrocery - Dynamic Flash Deals and Marketing Campaigns

️ 11. Automated Advertising and marketing Gives & Flash Gross sales Engine

  • Dynamic Customized Product Sections with Automated Provide Sync: Whenever you add a brand new customized product part within the Theme Builder, the system mechanically registers a CustomOffer mannequin within the database.
  • Devoted Touchdown Pages (/gives/[slug]): Generates Web optimization-friendly public promotional marketing campaign pages with countdown timers.
  • Flash Sale Timers: Actual-time ticking countdown clocks that set off automated reductions and auto-expire when gross sales conclude.
  • Coupon Administration: Proportion reductions, flat reductions, minimal buy necessities, utilization limits, and expiration dates.

<!– BANNER 12: ARCHITECTURE & 1-PLACE .ENV –>

SmartGrocery - Modern Architecture and 1-Place .env Configuration

⚙️ 12. Enterprise Structure & 1-Place .env Customary

Consumers by no means want to switch PHP or TypeScript supply code! All API endpoints and net storefront URLs dynamically derive 100% out of your atmosphere variables:

# Admin Panel & API (.env)
APP_URL=https://your-admin-domain.com
FRONTEND_URL=https://your-storefront-domain.com

# Buyer Net Storefront (.env)
NEXT_PUBLIC_BASE_URL=https://your-admin-domain.com
NEXT_PUBLIC_SITE_URL=https://your-storefront-domain.com
  • RESTful API Structure: Full Postman assortment included protecting Authentication, Merchandise, Classes, Cart, Orders, Theme Layouts, and Funds.
  • Safety First: Laravel Sanctum tokenized authentication, CSRF safety, SQL injection prevention, and XSS sanitization.

<!– BANNER 13: DELIVERY, SHIPPING & PUSH NOTIFICATIONS –>

SmartGrocery - Delivery Types, Shipping Zones, and Push Alerts

13. Supply Administration & Push Notifications

  • Geo-Fenced Supply Zones: Limit deliveries to particular postal codes, cities, or geographic radii.
  • Versatile Transport Charges: Cost by flat fee, whole order weight, or provide Free Transport above a minimal spend threshold.
  • Automated Push Notifications: Ship broadcast low cost notifications and real-time order alerts by way of OneSignal and Firebase Cloud Messaging (FCM).

<!– BANNER 14: COMPLETE PACKAGE SUMMARY –>

SmartGrocery - Complete Package Summary

14. What Is Included within the Fundamental Obtain Bundle?

  1. Laravel 12 Backend & Admin Panel: Full unminified PHP supply code with database migrations and seeders.
  2. Subsequent.js 16 Buyer Storefront: Full React 19 & TypeScript net utility.
  3. Flutter Cell Functions: Full Dart supply code for Android (APK/AAB) and iOS (IPA).
  4. Theme Customizer Engine: 100% Visible Drag & Drop builder code with Sortable.js integration.
  5. Postman API Assortment: Prepared-to-import JSON assortment protecting all REST API endpoints.
  6. Interactive v2.0 Setup Documentation: Complete documentation with full screenshots and step-by-step setup guides.
  7. Lifetime Free Updates: All future function additions, patches, and framework upgrades.
  8. Devoted Writer Assist: Quick response and developer help by way of the official Envato Assist Heart.

Server & Internet hosting Necessities

  • PHP: 8.2 or 8.3
  • Extensions: BCMath, Ctype, cURL, DOM, Fileinfo, JSON, Mbstring, OpenSSL, PCRE, PDO, Tokenizer, XML, GD/Imagick
  • Database: MySQL 8.0+ or MariaDB 10.4+
  • Node.js (for Net Storefront): v18.x, v20.x, or v22.x LTS
  • Internet hosting Compatibility: cPanel, Plesk, VPS (Ubuntu / Debian), AWS EC2, DigitalOcean, Cloudways, Namecheap

Official Merchandise Assist

Have questions prior to buying? Want technical help? We’re right here to assist!

  • Official Assist: All assist requests needs to be dealt with solely via the official Envato CodeCanyon Merchandise Assist tab.
  • Complete Documentation: Detailed step-by-step set up guides and Postman API collections are included within the bundle.
  • Writer Assist Response: Devoted help offered straight by way of the Merchandise Assist tab.

Model Changelog & Replace Historical past

Model 2.0.0 — (Main Function & Framework Launch)

  • [NEW] 100% True Drag & Drop Visible Theme Builder: Full-canvas WYSIWYG editor with reside real-time sync.
  • [NEW] On-Canvas Floating Motion Toolbar: Fast actions [ + ][ ▲ ][ ⠿ ][ ▼ ][ ✏️ ][ ✕ ] for 0ms enhancing.
  • [NEW] In-Place Visible Pen Modifying: Hover and edit headlines, badges, buttons, and subtitles straight on display.
  • [NEW] 6 Header & Navigation Format Presets: Instantaneous 1-click header switcher.
  • [NEW] 4 Hero Banner & Slider Presets: ShopMart Stacked, SeloMarket Mega Slider, SeloLuxe Luxurious Slider, and Twin Break up Marketing campaign.
  • [NEW] 3 Luxurious Pre-Constructed Retailer Themes: Trendy Natural, Elite Minimal, and Neo Vibrant.
  • [NEW] Dynamic Product Particulars Web page (Product View): Full-bleed gallery, unit selectors, opinions, and fast add-to-cart.
  • [NEW] Automated Advertising and marketing Gives (CustomOffer): Dynamic promotional part builder with /gives/[slug] routes.
  • [NEW] 1-Place .env Customary: Full area and API configuration with out code edits.
  • [NEW] Enhanced Visible Documentation: Complete screenshot walkthroughs of Admin Panel and cellular apps.
  • [UPDATE] Subsequent.js 16 & React 19 Frontend: Sub-second load occasions and 99+ Google Lighthouse rating.
  • [UPDATE] Laravel 12 Compatibility: Upgraded API routes, Sanctum auth, and PHP 8.2+ optimizations.
  • [FIX] Bug Fixes: Resolved checkout supply calculation edge instances, wishlist session persistence, and cellular cart drawer animations.

Model 1.0.0 — (Preliminary CodeCanyon Launch)

  • Preliminary launch of SmartGrocery Single-Vendor Grocery store Platform (Laravel + Subsequent.js + Flutter).

© 2026 SmartGrocery Engineering & Design Lab. All Rights Reserved.


Source