Planteamiento y herramientas

BackEnd Administración

FrontEnd página web

15.Diseño de la portada
16.Menú de navegación dinámico
17.Carrusel de imágenes dinámico
18.Productos en la Portada
19.Arquitectura de urls en Laravel
20.Mostrar categorías y subcategorías
21.Mostrar Producto
22.Blog en Laravel
23.Integrar el Carrito de Compra
24.Procesar el Pedido
25.Historial del Pedido

Servicios web API Rest

26.Integrar Json Web Tokens
27.Autenticación con JWT
28.Enviar Productos en JSON
29.Recibir pedidos en Laravel

Desarrollo del aplicativo

30.Planteamiento de la app en Flutter
31.Creación del Proyecto Flutter
32.Estructura de Archivos
33.Implementación del Servicio Web (API)
34.Modelos Categoria, Subcategoria y Producto
35.Creación de la Base de Datos Sqflite
36.Métodos para gestionar la DB DbHelper
37.Modelo Carrito
38.Métodos para la gestión del Carrito
39.Implementación de la Pantalla Inicio
40.Implementación de la Pantalla Login
41.Implementación de la Pantalla Registro
42.Uso de la API para sincronizar la BD
43.Implementación Pantalla Categoria con Sqflite
44.Implementación de la pantalla Productos
45.Implementación Pantalla Producto
46.Logout de la App Delivery
47.Integrar ChangeNotifierProvider
48.Integrar Notificaciones en la AppBar
49.Botón Agregar al Carrito
50.Resumen Carrito de Compra
51.Envío del Pedido Delivery
52.Confirmación del Pedido Delivery

Bonus

53.SEO Onpage en Laravel
54.Maquetación FrontEnd
55.Diseño en Flutter

Curso Flutter y Laravel Tienda Delivery

Lección: 31 ➜ Creación del Proyecto Flutter

¿Cómo crear el proyecto en Flutter? para empezar a programar el carrito de compra con el SDK de Flutter

Lección 31: Creación del Proyecto Flutter

Pasos para crear el proyecto Flutter

Como mencionamos al inicio del curso usaremos el IDE de desarrollo de Android llamado Android Studio
Este a su vez debe estar integrado con el SDK de Flutter correctamente.
Luego simplemente le damos en New Proyect Flutter, esta acción creará el entorno de desarrollo necesario para programar el Aplicativo en Flutter, Por default nos muestra un proyecto de ejemplo, el cual modificamos y nos debe de quedar de la siguiente manera:

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp()
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'AREQUIPA LOCAL',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: null,
    );
  }
}

Finalmente nos debe quedar el código similar

1238 visitas