Flutter UI Demo is a UI-focused portfolio project showcasing a furniture e-commerce store built entirely with Flutter. The primary goal is to demonstrate advanced UI techniques, custom animations, and reactive state management with GetX — without any backend integration.
Key Features:
- Hero Banner: Auto-rotating promotional banners (3.5s interval) with gradient backgrounds, animated dot indicators, and "Shop Now" CTAs.
- 3D Featured Carousel: Custom card-stack carousel with Z-stacking effect — center card is full-size, side cards are scaled down and offset horizontally. Supports swipe gestures and tap-to-center.
- Animated Typing Search: Search bar that cycles through hint phrases with a blinking cursor typing effect, pause, and erase animation.
- Category Filtering: Horizontal scrolling filter chips (All, Sofa, Chair, Table, Lamp) with animated selection state.
- Product Detail Sheet: Full bottom sheet with animated star rating, animated price counter (counts up from 0), color picker with animated indicators, quantity selector, and add-to-cart with snackbar feedback.
- Favorites System: Toggle favorite per product, persisted via SharedPreferences. Dedicated favorites page with single-item remove animation (slide + shrink + fade) and clear-all staggered diagonal fly-out animation.
- Profile Page: User info, reactive stats cards (favorites, cart, orders), settings toggles (dark mode, notifications), and conditional cart reminder banner.
- Custom Bottom Nav: Floating pill-shaped navigation bar with 3 tabs and animated active indicator.
- Loading Splash: 1.2s simulated loading screen with shimmer placeholder.
Tech Stack:
- Framework: Flutter 3.10+ (Dart)
- State Management: GetX (reactive observables, dependency injection)
- Local Storage: SharedPreferences (favorites persistence)
- Theming: Material 3 with amber seed color
- Images: Network images from picsum.photos and pravatar.cc
Architecture:
Single-controller GetX architecture with all state managed in one AppController. UI is split into screens (Home, Favorites, Profile) and reusable widgets. No backend, no API calls — all data is hardcoded for demonstration purposes.
