Esta aplicación está diseñada para interactuar con una API RESTful de backend y está destinada a fines de práctica y demostración. Para obtener detalles sobre la API y cómo funciona el backend, por favor consulta el repositorio del backend y sigue los pasos propuestos ahí para poder disfrutar de la app completa.
Screen_Recording_20240805_010544.mp4
- Descripción
- Requisitos
- Instalación
- Configuración
- Ejecutar la Aplicación
- Estructura del Proyecto
- Enlaces Útiles
Esta aplicación Flutter se conecta a una API RESTful para realizar operaciones CRUD en productos. Los usuarios pueden listar, crear, editar y eliminar productos, así como ver imágenes asociadas a cada producto.
Para ejecutar esta aplicación, necesitarás instalar las siguientes herramientas:
- Flutter SDK: El kit de desarrollo para construir y ejecutar aplicaciones Flutter.
- Android Studio: IDE recomendado para desarrollar aplicaciones Flutter, que incluye un emulador de Android.
- Emulador de Android: Necesario para probar la aplicación en un entorno simulado o un dispositivo físico.
-
Clonar el Repositorio
Clona este repositorio en tu máquina local:
git clone https://github.com/MateoRamirezRubio1/flutter-app-to-crud-products.git
-
Navega al directorio del proyecto:
cd flutter-app-to-crud-products -
Instala las dependencias de Flutter:
Asegúrate de que todas las dependencias estén instaladas ejecutando:
flutter pub get
-
Crea un Archivo
.env:En el directorio raíz del proyecto, crea un archivo
.envcon el siguiente contenido:API_URL=http://127.000.0.1:3000Reemplaza
127.000.0.1con la IP donde se está ejecutando tu servidor API que en este caso sería la IP de tu computadora (Si ya seguiste todos los pasos de la condiguración de la API RESTful).
Para ejecutar la aplicación en un emulador de Android o en un dispositivo físico:
-
Abre Android Studio y asegúrate de tener un emulador configurado o un dispositivo conectado y ejecutandose.
-
Lista los dispositivos disponibles:
flutter devices
-
Ejecuta la aplicación en el dispositivo o emulador deseado
flutter run --release -d <device_id>
Reemplaza <device_id> con el ID del dispositivo o emulador que aparece en la lista de dispositivos disponibles. Esto compilará la aplicación para producción, optimizando el rendimiento.
android/: Archivos específicos para la plataforma Android.ios/: Archivos específicos para la plataforma iOS.lib/: Contiene el código fuente de la aplicación Flutter.feature_1/: Módulo para la primera característica de la aplicación.models/: Definiciones de modelos de datos.product.dart: Modelo de datos para productos.
screens/: Pantallas de la aplicación.product_create_screen.dart: Pantalla para crear un nuevo producto.product_detail_screen.dart: Pantalla para ver los detalles de un producto.product_edit_screen.dart: Pantalla para editar un producto existente.product_list_screen.dart: Pantalla para listar todos los productos.
services/: Servicios para interactuar con la API.api_service.dart: Servicio para manejar la comunicación con la API RESTful.
main.dart: Archivo principal para iniciar la aplicación.
web/: Archivos específicos para la plataforma web.linux/: Archivos específicos para la plataforma Linux.macos/: Archivos específicos para la plataforma macOS.windows/: Archivos específicos para la plataforma Windows..flutter-plugins-dependencies: Información sobre las dependencias de plugins de Flutter..gitignore: Archivos y directorios que deben ser ignorados por Git..metadata: Metadatos del proyecto de Flutter.README.md: Este archivo.analysis_options.yaml: Configuración para análisis estático de código.pubspec.yaml: Archivo de configuración para las dependencias de la aplicación.