Curso API Laravel + Flutter: App Restaurant con pedidos WhatsApp
Aprende a desarrollar una aplicación con el SDK Flutter para un restaurant con pedidos enlazado a WhatsApp, con notificaciones AppBar. Usaremos provider para los estados
¿Qué aprenderás?
- Versión con API REST (.zip): Código fuente completo que consume datos desde un servidor web mediante una API REST.
- Versión UI (.zip): Interfaz de usuario del proyecto, diseñada para pruebas sin conexión al backend.
- Aplicación APK (modo debug): App precompilada lista para instalar en dispositivos Android. Ideal para estudiantes que deseen probar el funcionamiento sin compilar el código.
🔒 Por obvias razones, el entorno de desarrollo (IDE, SDKs, configuraciones locales) no está incluido.
📱 Para instalar el APK, activa “Instalar apps de fuentes desconocidas” en tu dispositivo Android.
Contenido del curso
6 módulos disponibles
Módulo 1 Introducción del Curso
Módulo 2 Integración de API en Flutter
- 7:25
- 15:51
-
Implementación de ApiService10:21
-
Implementación de Provider21:37
Módulo 3 Diseño de la Interfaz Inicial
Módulo 4 Navegación Gestión de Ítems
-
Implementación de Tabs dinámicos23:03
-
Mostrar la lista de items del menú32:55
-
Carrito de Compra: Agregar un item12:27
-
Carrito de Compra: Icono de notificación14:54
Módulo 5 Carrito de Compra Cart
-
Carrito de Compra: Lista de Items20:38
- 4:46
-
Carrito de Compra: Cálculo totales8:42
Módulo 6 Pedidos WhatsApp
-
Servicio para enviar pedido a WhatsApp23:27
- 24:49
Requisitos
Requisitos del curso:
- Conocimientos básicos de programación: Se recomienda tener una base en programación, aunque no es necesario ser un experto.
- Conocimientos previos en Flutter: Si ya tienes nociones básicas de Flutter, será más fácil avanzar, pero si eres principiante, también podrás seguir el curso.
- Instalación de Flutter y Android Studio: Antes de comenzar, asegúrate de tener instalados Flutter y Android Studio en tu computadora.
- Cuenta de WhatsApp activa: Necesitarás una cuenta de WhatsApp para realizar pruebas de la funcionalidad de envío de pedidos.
- Acceso a internet: Para descargar los paquetes necesarios y realizar las configuraciones del proyecto.
Programas necesarios:
- Flutter SDK: Necesario para crear y compilar tu aplicación móvil.
- Android Studio: Para el desarrollo y emulación de la aplicación en dispositivos Android.
- Visual Studio Code (opcional): Puedes usar este editor como alternativa a Android Studio si prefieres un entorno de desarrollo más ligero.
- Paquetes Flutter:
http,provider,url_launcher(para la gestión de datos y la integración con WhatsApp). - Emulador o Dispositivo físico Android: Para probar la aplicación durante el desarrollo.
Con estos requisitos y programas listos, estarás preparado para comenzar tu curso y desarrollar la app de restaurante con carrito de pedidos vinculado a WhatsApp.
Descripción del Curso
Con este curso práctico y gratuito, aprenderás cómo desarrollar una aplicación para restaurantes utilizando Flutter, donde los usuarios podrán seleccionar sus platos favoritos y realizar pedidos directamente a través de WhatsApp. ¡Ideal para emprendedores y desarrolladores que buscan soluciones rápidas y profesionales!
PD. Aclaramos algunos aspectos del curso: no incluye implementación de un sistema o pasarela de pagos, tampoco el desarrollo backend para gestionar los datos e información de la app.
Que aprenderás
✅ Estructura profesional de un proyecto en Flutter
Comenzarás desde cero, organizando tu aplicación con buenas prácticas para facilitar el mantenimiento y escalabilidad.
✅ Implementación de un carrito de pedidos
Descubrirás cómo crear un carrito de compras interactivo donde los usuarios podrán agregar o quitar productos antes de enviar su pedido.
✅ Conexión con WhatsApp
Aprenderás a integrar la funcionalidad de enviar pedidos directamente a WhatsApp, haciendo que el proceso de compra sea más rápido y sencillo para los clientes.
✅ Uso de los principales paquetes de Flutter
Dominarás herramientas esenciales como http, provider y url_launcher, fundamentales para la creación de aplicaciones móviles robustas.
✅ Diseño atractivo con Material 3
Le daremos a la app un diseño moderno y elegante, siguiendo las guías de diseño de Material 3, asegurando una experiencia de usuario excepcional.
📂 Estructura del proyecto en el ZIP
Código fuente-
app-release.apk
-
Leeme.txt
-
version-apirest-apprestaurantflutter.zip
-
base-de-datos
-
dbcarritoflutter.sql
-
items.json
-
menus.json
-
-
codigo-api-rest-laravel
-
.env
-
app
-
Console
-
Kernel.php
-
-
Exceptions
-
Handler.php
-
-
Http
-
Controllers
-
Api
-
RestaurantController.php
-
-
Controller.php
-
-
Kernel.php
-
Middleware
-
Authenticate.php
-
EncryptCookies.php
-
PreventRequestsDuringMaintenance.php
-
RedirectIfAuthenticated.php
-
TrimStrings.php
-
TrustHosts.php
-
TrustProxies.php
-
ValidateSignature.php
-
VerifyCsrfToken.php
-
-
-
Models
-
Item.php
-
Menu.php
-
User.php
-
-
Providers
-
AppServiceProvider.php
-
AuthServiceProvider.php
-
BroadcastServiceProvider.php
-
EventServiceProvider.php
-
RouteServiceProvider.php
-
-
-
composer.json
-
database
-
.gitignore
-
factories
-
UserFactory.php
-
-
migrations
-
2014_10_12_000000_create_users_table.php
-
2014_10_12_100000_create_password_reset_tokens_table.php
-
2019_08_19_000000_create_failed_jobs_table.php
-
2019_12_14_000001_create_personal_access_tokens_table.php
-
2024_10_12_175628_create_menus_table.php
-
2024_10_12_175638_create_items_table.php
-
-
seeders
-
DatabaseSeeder.php
-
-
-
public
-
image
-
ic_adobo.jpg
-
ic_chicha.jpg
-
ic_chupe.jpg
-
ic_gelatina.jpg
-
ic_leche.jpg
-
ic_limonada.jpg
-
ic_logo.png
-
ic_malaya.jpg
-
ic_naranja.jpg
-
ic_rocoto.jpg
-
ic_yogurt.jpg
-
-
-
routes
-
api.php
-
channels.php
-
console.php
-
web.php
-
-
-
codigo-app-flutter
-
assets
-
img
-
ic_logo.png
-
-
-
lib
-
main.dart
-
models
-
cart.dart
-
item.dart
-
menu.dart
-
-
providers
-
cart_provider.dart
-
-
screens
-
pantallaCart.dart
-
pantallaInicio.dart
-
pantallaMenu.dart
-
-
services
-
api_service.dart
-
whatsapp_service.dart
-
-
utils
-
constans.dart
-
-
widgets
-
cart_icon.dart
-
item_list.dart
-
-
-
pubspec.yaml
-
-
Leeme.txt
-
-
version-ui-apprestaurantflutter.zip
-
assets
-
img
-
ic_adobo.jpg
-
ic_chicha.jpg
-
ic_chupe.jpg
-
ic_gelatina.jpg
-
ic_leche.jpg
-
ic_limonada.jpg
-
ic_logo.png
-
ic_malaya.jpg
-
ic_naranja.jpg
-
ic_rocoto.jpg
-
ic_yogurt.jpg
-
-
-
lib
-
main.dart
-
models
-
cart.dart
-
item.dart
-
menu.dart
-
-
PantallaCart.dart
-
PantallaInicio.dart
-
PantallaMenu.dart
-
providers
-
cart_provider.dart
-
-
services
-
whatsapp_service.dart
-
-
widgets
-
cart_icon.dart
-
item_list.dart
-
-
-
pubspec.yaml
-
Este curso incluye:
- Acceso por 1 año
- Guía PDF descargable
- Código fuente descargable