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:
- Buyer Net Storefront: https://smartgrocery.burhanstore.online
- Admin Panel Demo URL: https://smartgroceryadmin.burhanstore.online
- Electronic mail:
[email protected](or[email protected]) - Password:
12345678 - Flutter Cell Apps: Clear, production-ready Dart supply code included for each Android (APK/AAB) and iOS. Prepared for rapid construct and retailer deployment.
⚠️ 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 –>
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 –>
2. Six Pre-Constructed Header & Navigation Format Presets
Change your storefront model id immediately with 6 designer-crafted header layouts constructed for prime conversion:
- 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.
- SeloCommerce Centered Minimal: Centered model emblem, rounded search capsule with purple button, mushy motion chips, and balanced clear navigation hyperlinks.
- SeloMarket Mega Class Bar: Darkish belief banner, high-visibility search, vertical icon labels, daring black class button, and full-width horizontal catalog navigation.
- Trend & Connoisseur Boutique: Mild editorial prime bar, minimalist single-row boutique structure with uppercase typography, and luxurious person motion icons.
- Gadget Hub & Comfort: Darkish tech header, high-contrast search, round motion icons, and division mega-menu strip.
- 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 –>
️ 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 –>
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 –>
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 –>
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 –>
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 –>
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 –>
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 –>
️ 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
CustomOffermannequin 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 –>
⚙️ 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 –>
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 –>
14. What Is Included within the Fundamental Obtain Bundle?
- Laravel 12 Backend & Admin Panel: Full unminified PHP supply code with database migrations and seeders.
- Subsequent.js 16 Buyer Storefront: Full React 19 & TypeScript net utility.
- Flutter Cell Functions: Full Dart supply code for Android (APK/AAB) and iOS (IPA).
- Theme Customizer Engine: 100% Visible Drag & Drop builder code with Sortable.js integration.
- Postman API Assortment: Prepared-to-import JSON assortment protecting all REST API endpoints.
- Interactive v2.0 Setup Documentation: Complete documentation with full screenshots and step-by-step setup guides.
- Lifetime Free Updates: All future function additions, patches, and framework upgrades.
- 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
.envCustomary: 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.

