Coffee App

A drinks-menu UI built around motion: a Rive splash, scroll-scaling cards and a 3D-style drink carousel.

_{Splash · Home · Details}

📖 About

Coffee App is a UI and animation practice project: a milkshake/coffee shop menu where the motion is the point. It opens on an interactive Rive state-machine animation and lists 12 drinks in cards that scale as you scroll. Each drink opens a detail page with a swipeable carousel that scales and moves the drinks as you swipe. All effects use plain Flutter Transform, AnimatedBuilder and PageController, with no animation packages beyond Rive.

✨ Features

• ☕ Rive splash: an interactive State Machine 1 animation, with a button to enter the menu.
• 📜 Scroll-reactive menu: drink cards shrink smoothly as they scroll away (AnimatedBuilder + ScrollController).
• 🥤 Drink carousel: a PageView with viewportFraction: 0.5, where each drink scales and moves with page offset and the title and price update as you swipe.
• 📏 Cup size picker: Small, Medium, Large and Extra Large.
• 🧊 Hot / ice toggle and a ➕➖ quantity counter.
• 🧭 Named routing through a central onGenerateRoute.

🛠 Tech stack

• Flutter / Dart (SDK ^3.8.1)
• rive: splash animation
• flutter_launcher_icons: app icon generation
• Feature-first folders (splash, home, details) with a local DrinkModel catalogue

🏗 Project structure

lib/
├── core/
│   ├── helper_functions/   # onGenerateRoute
│   └── utils/              # asset paths
├── features/
│   ├── splash/             # Rive splash
│   ├── home/               # drink model and scroll-scaling list
│   └── details/            # carousel, cup size, hot/ice, counter
└── main.dart
assets/
├── drinks/                 # drink images
├── logo/
└── coffe_animation.riv

🚀 Getting started

git clone https://github.com/youssef336/Coffee_app.git
cd Coffee_app
flutter pub get
flutter run

No backend or API keys required. All data is local.

👤 Author

Youssef Belal Zakaria · GitHub @youssef336

⭐ If you like this project, give it a star!