Modern Messaging App is a production-ready Flutter application that delivers a seamless and intuitive messaging experience. It incorporates modern design principles with Material 3, glassmorphism effects, and smooth animations, ensuring a premium user experience. Key features include:

• Splash Screen: Animated intro with a gradient background, logo, and tagline, transitioning to the home screen after loading mock data.
• Home Screen: Bottom navigation with three tabs (Chats, Contacts, Settings) using IndexedStack for state preservation.
• Chat List Screen: Displays chats with avatars, last messages, unread counters, and online indicators. Supports group and individual chats.
• Chat Screen: Full messaging interface with message bubbles, timestamps, read receipts, and placeholders for voice/video calls and media sharing.
• Contacts Screen: Lists contacts grouped by online/offline status, with avatars and last-seen information.
• Settings Screen: Includes a profile section, theme toggle (light/dark), and placeholders for notifications, privacy, security, backup, and support settings.
• State Management: Uses the Provider package for efficient state handling with ThemeProvider, UserProvider, and ChatProvider.
• Responsive Design: Utilizes flutter_screenutil for adaptive UI scaling across devices.
• Theming: Supports light and dark modes with Material 3 color schemes and Google Fonts (Inter).
• Mock Data: Simulates users, chats, and messages, ready for API integration.
• Error Handling: Robust handling of null cases and state changes.

Architecture:

• Folder Structure:
  • lib/models/: Data models (User, Message, Chat) with JSON serialization.
  • lib/providers/: State management with Provider for theme, users, and chats.
  • lib/screens/: UI screens with reusable widgets.
  • lib/main.dart: App entry point with ScreenUtilInit and MultiProvider.
• Dependencies:
  • flutter_screenutil: Responsive UI scaling.
  • provider: State management.
  • google_fonts: Typography.
  • intl: Date/time formatting.
  • cupertino_icons: iOS-style icons.
• Key Features:
  • Smooth animations (splash screen, transitions).
  • Real-time messaging simulation with read receipts and unread counters.
  • Online/offline status tracking.
  • Modern UI with Material 3, glassmorphism, and micro-interactions.
  • Scalable for API integration and additional features like media sharing or calls.

## Project Structure

modern_messaging_app/
├── lib/
│ ├── main.dart # App entry with ScreenUtilInit, MultiProvider
│ ├── models/ # Data models with JSON serialization
│ │ ├── user.dart # User data (id, name, email, avatar, status)
│ │ ├── message.dart # Message types (text, image, audio, etc.)
│ │ ├── chat.dart # Chat data (participants, last message)
│ ├── providers/ # State management
│ │ ├── theme_provider.dart # Theme switching (light/dark)
│ │ ├── user_provider.dart # User data management
│ │ ├── chat_provider.dart # Chat and message handling
│ ├── screens/ # UI screens and widgets
│ │ ├── splash_screen.dart # Animated splash
│ │ ├── home_screen.dart # Bottom navigation
│ │ ├── chat_list_screen.dart # Chat list UI
│ │ ├── chat_screen.dart # Messaging UI
│ │ ├── contacts_screen.dart # Contacts UI
│ │ ├── settings_screen.dart # Settings UI
├── assets/
│ ├── images/ # Placeholder for image assets (currently empty)
├── pubspec.yaml # Dependencies and configuration