πŸ“± ShopX – Mobile-First Flutter E-Commerce App

Slide 1
Slide 2
Slide 3

A sleek, responsive, one-handed e-commerce experience built with Flutter. Perfect for startups, devs, or agencies aiming for a modern shopping UX on mobile.

πŸ› οΈ Tech Stack

  • Flutter (Flex, MediaQuery layout system)
  • Firebase – Auth, Firestore, Storage
  • GoRouter for navigation
  • Provider / Riverpod for state
  • PDF generation with `pdf`, `printing`
  • SharedPreferences / Hive for local caching

πŸ“± Customer-Centric Features

  • One-hand UX (bottom nav, reachable UI)
  • Smart search with highlights & history
  • Rich product pages with attributes
  • Persistent cart, wishlist & recent views
  • Invoice download on checkout
  • Dark/light mode toggle

Mobile-First UI

Thumb-friendly design built for modern devices.

Smart Search

Dedicated screen with suggestions & keyword highlights.

Advanced Cart

Dynamic quantity control with upsell suggestions.

PDF Invoicing

Auto-generated invoices ready for download.

Detailed Product Pages

Ratings, variations, return info, and more.

Wishlist + Recently Viewed

Persisted with local cache across sessions.

πŸ“Έ Screenshots

Screenshot 1Screenshot 2Screenshot 3

πŸ“¦ What’s Included

  • Complete Flutter Source Code
  • Firebase rules + Firestore structure doc
  • Offline documentation (HTML + Markdown)
  • ThemeConfig with light/dark mode
  • All assets, fonts, and mock data

✨ Bonus Highlights

  • Minimal dependencies – blazing fast build
  • Customizable theme architecture
  • Expandable to tablet & desktop views
  • Built-in animation transitions for smoother UX

Why Choose ShopX?

ShopX isn’t just a template β€” it's a battle-ready mobile commerce base for developers and product founders. Whether you're launching a store, pitching on CodeCanyon, or prototyping a SaaS storefront, this app gives you a clean, scalable foundation to build upon.