Akses Selamanya

Ambil Promo
flash sale
hamburger-menu

Kelas Online
SC Flutter Laravel Filament Order Coffee Point of Sales Apps

icon global
Released date January 2026
icon convert
Last updated March 2026
Member

48 enrolled

Lesson Type

Video Only

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

Develop Your Skills

Awake Coffee is a complete, production-ready coffee ordering solution built with Flutter and Laravel. This full-stack application enables users to discover nearby coffee shops, browse customizable menu items, and place orders with secure digital wallet payments. Whether you're launching a coffee shop chain or digitizing an existing cafe business, Awake Coffee provides everything you need out of the box.

The mobile application is built with Flutter, ensuring a smooth, native-like experience on both iOS and Android devices. The backend is powered by Laravel, one of the most popular and robust PHP frameworks, providing a secure REST API and a beautiful admin dashboard powered by Filament for managing your business.

The Flutter application follows clean architecture principles with a clear separation between presentation, domain, and data layers. State management is handled using the BLoC pattern with flutter_bloc, ensuring predictable state changes and easy testability. The architecture leverages the dartz package for functional error handling using the Either type.

The codebase is organized, maintainable, and follows Flutter best practices. The UI is built with a custom design system including centralized colors, typography with Google Fonts, and reusable components. The app features smooth animations, Hero transitions for product images, cached network images for optimal performance, and responsive layouts that adapt to different screen sizes.

Key technical features include dependency injection with GetIt, HTTP client with Dio including token refresh interceptors, secure token storage with flutter_secure_storage, local cart persistence with SharedPreferences, debounced search with RxDart, and comprehensive error handling throughout the application.

The Laravel backend is structured with a service-repository pattern, separating business logic from data access for cleaner code and easier maintenance. The API follows REST conventions with consistent response formats, proper HTTP status codes, and comprehensive validation error messages with field-level details.

Authentication is handled by Laravel Sanctum with an additional two-factor authentication layer using email OTP verification. Every login requires OTP verification, providing enhanced security for customer accounts. Role-based access control is implemented using Spatie Permission package, allowing you to define different user roles such as customers, cafe managers, and administrators with granular permissions.

The product catalog supports rich customization options including size variants (with independent pricing), sweetness levels, ice preferences, and dairy alternatives. Each customization option is tracked per order item, creating a complete audit trail for every transaction.

The digital wallet system provides a secure payment method with manual verification workflow. Users can top-up their wallets via bank transfer, upload proof of payment, and administrators verify transactions through the Filament dashboard. The system supports multiple bank accounts, unique codes for transaction identification, and automatic balance updates upon approval.

The ordering system features real-time status tracking from pending to preparing to finished, estimated preparation times based on product service times, order history with reorder functionality, and automatic refunds to wallet when orders are cancelled. The smart shopping cart persists locally, survives app restarts, and intelligently merges identical items with the same customization options.

Multi-branch support allows businesses to manage multiple cafe locations across different cities. Each cafe has its own profile with photo galleries, facility listings, manager assignments, and configurable operating hours by day of week. Users can browse cafes by city and check real-time open/closed status based on time slots.

The admin dashboard built with Filament provides comprehensive management tools including user administration, product catalog management with option pricing, cafe branch configuration with time slots, order monitoring and status updates, wallet top-up verification with proof viewing, and transaction reporting.

The database schema is optimized for the ordering use case with 13 interconnected tables, proper indexing, foreign key constraints, and soft deletes for data recovery. Migrations and seeders are included for easy database setup and demo data generation. The schema supports products with multiple options, transactions with detailed line items, and complete wallet transaction history.

Security features include bcrypt password hashing, time-limited OTP codes (10-minute expiry), secure file upload validation (JPEG, PNG only with 2MB limit), rate limiting on authentication endpoints (5 requests per minute), and comprehensive input validation on all API endpoints.

Key Points

icon_check

The app features smooth animations, Hero transitions for product images, cached network images for optimal performance, and responsive layouts that adapt to different screen sizes.

icon_check

Every login requires OTP verification, providing enhanced security for customer accounts.

icon_check

This full-stack application enables users to discover nearby coffee shops, browse customizable menu items, and place orders with secure digital wallet payments

Designed For

icon_check

founder startup

icon_check

ai product manager

icon_check

freelance full stack developer

Course Lessons

Learn With Expert

Mentor Angga Risky S

Angga Risky S

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star

(464.4K)

Our Happy Students

Review setelah bergabung di kelas SC Flutter Laravel Filament Order Coffee Point of Sales Apps

All Rating
Harun Nurahman at BuildWithAngga
Harun Nurahman

Mobile App Developer

Kayanya harus ada proses pembuatan dokumentasi atau seperti .md ketika melakukan vibe coding sebagai acuan dan juga proses pembuatan UI atau promptnya read more

04 Mar 2026

ic-star ic-star ic-star ic-star ic-star
YurioWindiatmoko at BuildWithAngga
YurioWindiatmoko

Full-Stack Developer

good bgt unique course da best read more

03 Feb 2026

ic-star ic-star ic-star ic-star ic-star
Nur Firmansyah at BuildWithAngga
Nur Firmansyah

Lifetime Learner

Wah ini fresh banget, semoga next ada yang bisa tracker delivery order. terima kasih 🙌🏻 read more

30 Jan 2026

ic-star ic-star ic-star ic-star ic-star
Fikri Akbar Ghifari at BuildWithAngga
Fikri Akbar Ghifari

Full-Stack Developer

bagus, semangat belajar read more

29 Jan 2026

ic-star ic-star ic-star ic-star ic-star
Belum ada review
loader

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

logo

Laravel

Software

logo

Flutter SDK

Software

logo

Mysql

Software

logo

Filament PHP

Software

Low Risk, High Return

Investasi kepada diri kita sendiri memberikan
leverage kuat untuk masa depan karir kita

icon_check

Selamanya

Rp 70,000

ic info

Miliki kelas Premium secara permanen dan bangun sebuah projek nyata

icon_check

Akses kelas selamanya

icon_check

Premium rewards

icon_check

Career consultation

icon_check

Assets & group konsultasi

icon_check

Sertifikat kelulusan

icon_check

Lowongan magang dan kerja

Lihat Benefit Lainnya

Recommended for You

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Contact CS

Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels yang memberartikan bahwa cocok untuk seluruh tingkatan. Kami juga menyarankan calon member untuk mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.

Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan untuk mendapatkannya, para member diwajibkan untuk menyelesaikan seluruh materi kelas dan juga Quiz yang telah disediakan oleh mentor.

Salah satu benefit unggulan kami adalah group konsultasi yang diberikan sebagai bonus untuk member yang telah mengikuti kelas Premium di platform BuildWithAngga. Silakan menghubungi Admin untk mendapatkan akses pada group tersebut.

Kami mengizinkan member yang telah mengikuti kelas Premium untuk menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat utamanya adalah dengan memodifikasi sedikitnya yaitu 30% dari original project buatan mentor kelas tersebut.

Kami melarang member menjual atau membagikan hak akses kelas Premium kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari kita support creators Indonesia dengan cara membeli kelas secara resmi dan satu akun hanya untuk satu pengguna saja.

Kami tidak memperbolehkan member menjual kembali materi kelas di BuildWithAngga. Kami siap melanjutkan kepada proses hukum apabila Anda terbukti benar memperjualbelikan kelas kami secara ilegal.

SC Flutter Laravel Filament Order Coffee Point of Sales Apps

  • lock
    Setup backend frontend
    Video 10 minutes
Member
48
Lesson Type
Video Only
Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check
Develop Your Skills

Awake Coffee is a complete, production-ready coffee ordering solution built with Flutter and Laravel. This full-stack application enables users to discover nearby coffee shops, browse customizable menu items, and place orders with secure digital wallet payments. Whether you're launching a coffee shop chain or digitizing an existing cafe business, Awake Coffee provides everything you need out of the box.

The mobile application is built with Flutter, ensuring a smooth, native-like experience on both iOS and Android devices. The backend is powered by Laravel, one of the most popular and robust PHP frameworks, providing a secure REST API and a beautiful admin dashboard powered by Filament for managing your business.

The Flutter application follows clean architecture principles with a clear separation between presentation, domain, and data layers. State management is handled using the BLoC pattern with flutter_bloc, ensuring predictable state changes and easy testability. The architecture leverages the dartz package for functional error handling using the Either type.

The codebase is organized, maintainable, and follows Flutter best practices. The UI is built with a custom design system including centralized colors, typography with Google Fonts, and reusable components. The app features smooth animations, Hero transitions for product images, cached network images for optimal performance, and responsive layouts that adapt to different screen sizes.

Key technical features include dependency injection with GetIt, HTTP client with Dio including token refresh interceptors, secure token storage with flutter_secure_storage, local cart persistence with SharedPreferences, debounced search with RxDart, and comprehensive error handling throughout the application.

The Laravel backend is structured with a service-repository pattern, separating business logic from data access for cleaner code and easier maintenance. The API follows REST conventions with consistent response formats, proper HTTP status codes, and comprehensive validation error messages with field-level details.

Authentication is handled by Laravel Sanctum with an additional two-factor authentication layer using email OTP verification. Every login requires OTP verification, providing enhanced security for customer accounts. Role-based access control is implemented using Spatie Permission package, allowing you to define different user roles such as customers, cafe managers, and administrators with granular permissions.

The product catalog supports rich customization options including size variants (with independent pricing), sweetness levels, ice preferences, and dairy alternatives. Each customization option is tracked per order item, creating a complete audit trail for every transaction.

The digital wallet system provides a secure payment method with manual verification workflow. Users can top-up their wallets via bank transfer, upload proof of payment, and administrators verify transactions through the Filament dashboard. The system supports multiple bank accounts, unique codes for transaction identification, and automatic balance updates upon approval.

The ordering system features real-time status tracking from pending to preparing to finished, estimated preparation times based on product service times, order history with reorder functionality, and automatic refunds to wallet when orders are cancelled. The smart shopping cart persists locally, survives app restarts, and intelligently merges identical items with the same customization options.

Multi-branch support allows businesses to manage multiple cafe locations across different cities. Each cafe has its own profile with photo galleries, facility listings, manager assignments, and configurable operating hours by day of week. Users can browse cafes by city and check real-time open/closed status based on time slots.

The admin dashboard built with Filament provides comprehensive management tools including user administration, product catalog management with option pricing, cafe branch configuration with time slots, order monitoring and status updates, wallet top-up verification with proof viewing, and transaction reporting.

The database schema is optimized for the ordering use case with 13 interconnected tables, proper indexing, foreign key constraints, and soft deletes for data recovery. Migrations and seeders are included for easy database setup and demo data generation. The schema supports products with multiple options, transactions with detailed line items, and complete wallet transaction history.

Security features include bcrypt password hashing, time-limited OTP codes (10-minute expiry), secure file upload validation (JPEG, PNG only with 2MB limit), rate limiting on authentication endpoints (5 requests per minute), and comprehensive input validation on all API endpoints.

read more
Learn With Expert
Key Points
  • check
    The app features smooth animations, Hero transitions for product images, cached network images for optimal performance, and responsive layouts that adapt to different screen sizes.
  • check
    Every login requires OTP verification, providing enhanced security for customer accounts.
  • check
    This full-stack application enables users to discover nearby coffee shops, browse customizable menu items, and place orders with secure digital wallet payments
Created For
  • check
    founder startup
  • check
    ai product manager
  • check
    freelance full stack developer
For Your Career
phone
Akses Selamanya
Belajar lebih santai & produktif
private
Assets & Grup Private
Diskusi belajar agar lebih terarah
project
Sertifikat & Portfolio
Gunakan untuk modal bekerja
48
Happy Students
Harun Nurahman at BuildWithAngga
Harun Nurahman

Mobile App Developer

Kayanya harus ada proses pembuatan dokumentasi atau seperti .md ketika melakukan vibe coding sebagai acuan dan juga proses pembuatan UI atau promptnya

04 Mar 2026

ic-star ic-star ic-star ic-star ic-star
YurioWindiatmoko at BuildWithAngga
YurioWindiatmoko

Full-Stack Developer

good bgt unique course da best

03 Feb 2026

ic-star ic-star ic-star ic-star ic-star
Nur Firmansyah at BuildWithAngga
Nur Firmansyah

Lifetime Learner

Wah ini fresh banget, semoga next ada yang bisa tracker delivery order. terima kasih 🙌🏻

30 Jan 2026

ic-star ic-star ic-star ic-star ic-star
Fikri Akbar Ghifari at BuildWithAngga
Fikri Akbar Ghifari

Full-Stack Developer

bagus, semangat belajar

29 Jan 2026

ic-star ic-star ic-star ic-star ic-star
loader

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Contact CS

Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels yang memberartikan bahwa cocok untuk seluruh tingkatan. Kami juga menyarankan calon member untuk mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.

Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan untuk mendapatkannya, para member diwajibkan untuk menyelesaikan seluruh materi kelas dan juga Quiz yang telah disediakan oleh mentor.

Salah satu benefit unggulan kami adalah group konsultasi yang diberikan sebagai bonus untuk member yang telah mengikuti kelas Premium di platform BuildWithAngga. Silakan menghubungi Admin untk mendapatkan akses pada group tersebut.

Kami mengizinkan member yang telah mengikuti kelas Premium untuk menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat utamanya adalah dengan memodifikasi sedikitnya yaitu 30% dari original project buatan mentor kelas tersebut.

Kami melarang member menjual atau membagikan hak akses kelas Premium kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari kita support creators Indonesia dengan cara membeli kelas secara resmi dan satu akun hanya untuk satu pengguna saja.

Kami tidak memperbolehkan member menjual kembali materi kelas di BuildWithAngga. Kami siap melanjutkan kepada proses hukum apabila Anda terbukti benar memperjualbelikan kelas kami secara ilegal.

Rp 70,000

Rp 1,860,000

arrow_upward
Marketing Banner

Kode Promo