A beautiful and modern coffee shop application built with Flutter. This app showcases a clean and intuitive UI design for browsing coffee, beer, wine, and other beverages.
This project is based on the Coffee App UI/UX Design from Figma Community.
- Modern and clean UI design
- Responsive layout
- Custom animations and transitions
- Category-based filtering
- Product showcasing
- Search functionality
- User profile integration
lib/
├── screens/
│ ├── home_screen.dart # Main home screen with product listings
│ ├── sign_in_screen.dart # User authentication screen
│ └── sign_up_screen.dart # New user registration screen
├── widgets/
│ └── custom_widgets.dart # Reusable UI components
├── models/
│ └── product.dart # Data models
└── main.dart # App entry point
-
Header Section
- Profile picture
- Welcome message
- Search bar with filter
-
Categories
- Coffee
- Beer
- Wine Bar
- Events
-
Product Sections
- Popular Now (Horizontal scroll)
- Frozen Beverages (Grid layout)
- Kava and Bottled Beverages (Horizontal scroll)
-
Navigation
- Home
- Favorites
- Cart
- Profile
- Primary Brown:
#6B4731 - Primary Orange:
#C67C4E - Dark Text:
#2F2D2C - Light Gray:
#F3F3F3 - White:
#FFFFFF
The app uses the Gilroy font family with various weights:
- Regular (400)
- Medium (500)
- SemiBold (600)
dependencies:
flutter:
sdk: flutter
cupertino_icons: ^1.0.2
# Add other dependencies as needed- Clone the repository:
git clone https://github.com/yourusername/flutter_coffee_app.git- Install dependencies:
flutter pub get- Run the app:
flutter run[Add your app screenshots here]
Contributions, issues, and feature requests are welcome! Feel free to check the issues page.
This project is licensed under the MIT License - see the LICENSE file for details.
- Design inspiration from Coffee App UI/UX Design
- Flutter and Dart teams for the amazing framework