Lab 3: Chat UI Clone

A Flutter project that implements a chat user interface similar to popular messaging apps like WhatsApp or Messenger.

📱 Features

• Clean and modern chat interface
• Dynamic message bubbles with different styles for sender and receiver
• Scrollable message list with ListView
• Text input field with send button
• Real-time message updates
• Sample conversation demo

🛠 Technical Implementation

Key Components

• ListView for scrollable message display
• Row and Column for layout structuring
• Container for styling message bubbles
• Custom widgets for reusability

🚀 Getting Started

1. Make sure you have Flutter installed on your machine
2. Clone this repository
3. Install dependencies:

   flutter pub get

4. Run the app:

   flutter run

💡 Possible Enhancements

• Add user avatars
• Display message timestamps
• Implement emoji support
• Add file/image sharing capabilities
• Add chat themes and customization options
• Implement message reactions
• Add typing indicators

🖼 Preview