Building a Full-Stack E-Commerce App with Laravel, Flutter & Shopify | Gamification + XP System
Humble Underdog – Premium E-Commerce Platform | Full Project Overview
In this video, I'm walking you through the complete overview of "Humble Underdog" – a production-ready e-commerce platform built with Laravel 11, Flutter, and Shopify integration. This is a real client project with live deployment!
IMPORTANT LINKS:
🌐 Live App: https://app.humbleunderdogs.com
📱 Play Store: https://play.google.com/store/apps/de...
💻 GitHub: https://github.com/learnwithfair/drea...
📄 API Docs: https://documenter.getpostman.com/vie...
🗄️ DB Schema: https://dbdiagram.io/d/Dream-Greek-68...
WHAT'S IN THIS PROJECT?
✅ Laravel 11 REST API Backend
✅ Flutter Mobile App (iOS + Android + Web)
✅ Shopify Product Sync (Storefront + Admin API)
✅ Stripe Payment Integration (PaymentSheet + Checkout)
✅ Firebase Push Notifications (FCM)
✅ XP-Based Gamification & 5-Tier Ranking System
✅ Quest System with Admin Panel
✅ Smart Recommendation Engine (AI-based scoring)
✅ Insider Pricing Model for registered users
✅ Google & Apple Social Login
✅ Admin Dashboard (Bootstrap 5 Dark Theme)
XP RANKING SYSTEM
🔹 Rank D – Outsider (0–499 XP): Insider pricing
🔹 Rank C – Wolf Initiate (500–1499 XP): €5 discount + free T-shirt
🔹 Rank B – Iron Wolf (1500–3499 XP): €10 discount + voting rights
🔹 Rank A – Shadow Alpha (3500–7499 XP): Free shipping forever + early access
🔹 Rank S – General Underdog (7500+ XP): VIP pricing + exclusive perks
TECH STACK
Backend → Laravel 11, PHP 8.2, MySQL, Redis, Sanctum
Frontend → Flutter (iOS/Android/Web)
Admin → Bootstrap 5, jQuery, Yajra DataTables
Services → Shopify, Stripe, Firebase, Google OAuth
PROJECT ARCHITECTURE COVERED
Authentication System (OTP, Social Login)
Product Catalog & Shopify Sync
Cart, Promo Code & Checkout Flow
Gamification & XP Service
Quest System & Push Notifications
Recommendation Engine Algorithm
Admin Dashboard Features
Deployment with Supervisor & Cron
DEVELOPER:
MD Rahatul Rabbi | Webgenius
GitHub: https://github.com/learnwithfair
Facebook: / learnwithfair
YouTube: / @learnwithfair
TIMESTAMPS:
00:00 – Project Introduction
00:30 – Live App Demo
01:30 – Tech Stack Overview
02:30 – Admin Dashboard Walkthrough
04:00 – Flutter Mobile App Demo
06:00 – XP & Ranking System
07:30 – Quest System
08:30 – Shopify & Stripe Integration
10:00 – Project Architecture & GitHub
Subscribe for more real-world Laravel & Flutter projects!
#Laravel #Flutter #Shopify #Ecommerce #WebGenius #LearnWithFair