Loyalty App

A Flutter loyalty app with multiple screens for managing customer rewards and account information.

Features

Screens Created

1. My Account Screen (/account)

   • User profile with avatar
   • Points balance display
   • QR code for earning/redeeming points
   • Available rewards section
   • Bottom navigation

2. Sign In Screen (/signin)

   • Clean login form with email and password fields
   • "Forgot password?" link
   • Red sign-in button
   • Modern UI design

3. Rewards Screen (/rewards)

   • List of available rewards
   • Coffee, pastry, lunch, and dinner options
   • Points required for each reward
   • Clean card-based layout

4. Activity Screen (/activity)

   • Recent activity history
   • Different business types (Coffee Shop, Bookstore, Restaurant, etc.)
   • Points earned from each transaction
   • Icon-based visual representation

5. Settings Screen (/settings)

   • Account information (email, password, phone)
   • Preferences with toggle switches
   • Notifications, Location Services, Dark Mode
   • Log out functionality

Navigation

• Main app uses bottom navigation for core screens
• Additional screens accessible via floating action button
• Named routes for easy navigation
• Consistent back button behavior

Design Features

• Modern, clean UI design
• Consistent color scheme
• Card-based layouts with subtle shadows
• Proper spacing and typography
• Responsive design elements

Getting Started

1. Ensure Flutter is installed on your system
2. Clone this repository
3. Run flutter pub get to install dependencies
4. Run flutter run to start the app

Usage

• Use the bottom navigation to switch between main screens
• Tap the floating action button to access demo screens
• Navigate through different screens to see the UI implementations

Assets

The app includes placeholder images for:

• Coffee, pastry, meal, and drink items
• User profile avatars
• Various reward items

All images are stored in the assets/images/ directory.

• "Forgot password?" link
• Red sign-in button
• Modern UI design

3. Rewards Screen (/rewards)

   • List of available rewards
   • Coffee, pastry, lunch, and dinner options
   • Points required for each reward
   • Clean card-based layout

4. Activity Screen (/activity)

   • Recent activity history
   • Different business types (Coffee Shop, Bookstore, Restaurant, etc.)
   • Points earned from each transaction
   • Icon-based visual representation

5. Settings Screen (/settings)

   • Account information (email, password, phone)
   • Preferences with toggle switches
   • Notifications, Location Services, Dark Mode
   • Log out functionality

Navigation

• Main app uses bottom navigation for core screens
• Additional screens accessible via floating action button
• Named routes for easy navigation
• Consistent back button behavior

Design Features

• Modern, clean UI design
• Consistent color scheme
• Card-based layouts with subtle shadows
• Proper spacing and typography
• Responsive design elements

Getting Started

1. Ensure Flutter is installed on your system
2. Clone this repository
3. Run flutter pub get to install dependencies
4. Run flutter run to start the app

Usage

• Use the bottom navigation to switch between main screens
• Tap the floating action button to access demo screens
• Navigate through different screens to see the UI implementations

Assets

The app includes placeholder images for:

• Coffee, pastry, meal, and drink items
• User profile avatars
• Various reward items

All images are stored in the assets/images/ directory.