🍔

ISPC FOOD

Plataforma Web y Mobile para Ventas de Comidas Rápidas

Proyecto Final - Tesis 2025

Carlos Alberto Nicolas Luna

Full Stack Developer

¿Qué es ISPC Food?

Solución Digital Integral

  • 🌐 Plataforma Web (Angular 17)
  • 📱 Aplicación Móvil (Android Nativo)
  • 🔧 Backend API (Django + DRF)
  • 🔄 Microservicios especializados

Objetivo Principal

Digitalizar completamente el proceso de venta de comidas rápidas, desde la exploración del menú hasta la entrega del pedido.

Arquitectura de Microservicios

Frontend Web

Angular 17 + TypeScript

  • Plataforma responsive para usuarios web
  • Interfaz administrativa
  • PWA (Progressive Web App)

Aplicación Móvil

Android Nativo - Java

  • Aplicación nativa optimizada
  • Integración con funciones del dispositivo
  • Experiencia móvil dedicada

Backend Principal

Django + DRF

  • API RESTful principal
  • Gestión de usuarios, productos y pedidos
  • Sistema de autenticación JWT

Microservicio de Pagos

Django

  • Integración con MercadoPago
  • Procesamiento seguro de transacciones

Microservicio 2FA

Django

  • Autenticación de doble factor
  • Seguridad avanzada para administradores

Plataforma Deployada en la Nube

Funcionalidades Principales - Vista Cliente

Exploración del Menú

  • Navegación por categorías (Hamburguesas, Pizzas, Empanadas, Lomos)
  • Filtros avanzados por tipo de comida
  • Visualización detallada de productos con imágenes
  • Información nutricional y precios actualizados

Carrito de Compras Inteligente

  • Agregar/editar/eliminar productos en tiempo real
  • Cálculo automático de totales con descuentos
  • Persistencia del carrito entre sesiones
  • Modificación de cantidades con validación

Gestión de Direcciones

  • Guardado de direcciones frecuentes en el perfil
  • Opción de dirección específica por pedido
  • Validación y autocompletado de direcciones
  • Estimación de tiempo de entrega por zona

Funcionalidades Principales - Proceso de Compra

Sistema de Pagos Integrado

  • MercadoPago: Tarjetas, transferencias, QR
  • Pago en efectivo al momento de la entrega
  • Generación de preferencias de pago automáticas
  • Validación en tiempo real del estado de pagos

Gestión de Pedidos

  • Confirmación inmediata de pedidos
  • Seguimiento en tiempo real del estado
  • Historial completo de compras
  • Opción de modificar dirección de entrega

Sistema de Notificaciones

  • Confirmación de pedido vía email/SMS
  • Actualizaciones de estado en tiempo real
  • Notificaciones push en la app móvil
  • Alertas de promociones y ofertas

Funcionalidades Avanzadas - Seguridad

Sistema de Autenticación Robusto

  • JWT (JSON Web Tokens) para sesiones seguras
  • Autenticación de doble factor (2FA) para administradores
  • Gestión de roles: Cliente, Administrador, Super Admin
  • Sesiones persistentes con renovación automática

Medidas de Seguridad

  • Encriptación de datos sensibles
  • Validación de entrada en backend y frontend
  • Protección contra ataques comunes (CSRF, XSS)
  • Auditoría de acciones administrativas

Gestión de Sesiones

  • Login/logout automático
  • Recuperación de contraseñas
  • Bloqueo de cuentas por intentos fallidos
  • Gestión de dispositivos activos

Panel Administrativo

Dashboard de Administración

  • Estadísticas de ventas en tiempo real
  • Gráficos de productos más vendidos
  • Análisis de tendencias de compra
  • Reportes personalizables por fechas

Gestión de Productos

  • CRUD completo de productos
  • Gestión de categorías y precios
  • Control de stock e inventario
  • Subida e optimización de imágenes (Cloudinary)

Gestión de Pedidos

  • Visualización de pedidos pendientes
  • Actualización de estados (Preparando, En camino, Entregado)
  • Impresión de tickets de cocina
  • Gestión de tiempos de entrega

Gestión de Usuarios

  • Lista de clientes registrados
  • Historial de pedidos por cliente
  • Gestión de direcciones de entrega
  • Sistema de puntos y descuentos

Stack Tecnológico Completo

Frontend

• Angular 17 + TypeScript
• Bootstrap 5 + Angular Material
• RxJS + NgRx - Próximamente
• PWA Service Workers - Próximamente
• Webpack + Angular CLI

Mobile

• Android SDK + Java
• Material Design Guidelines
• Volley (HTTP Client)
• Gson (JSON Parsing)
• SharedPreferences + SQLite

Backend

• Python 3.11 + Django 4.2
• Django REST Framework
• MySQL (Railway)
• Celery + RabbitMQ - Próximamente
• Gunicorn + nginx

Infrastructure

• Netlify (Frontend Hosting)
• Render.com (Backend APIs)
• GitHub Actions (CI/CD) - Próximamente
• CloudFlare (CDN + Security) - Próximamente
• MySQL (Railway)

Integraciones

• MercadoPago SDK
• Cloudinary (Gestión de Imágenes)
• SendGrid (Email) - Próximamente
• Firebase (Push Notifications) - Próximamente
• Google Maps API - Próximamente
• GitHub (Version Control)

Flujo de Usuario Completo

1
Registro/Login

del usuario

2
Exploración

del menú por categorías

3
Selección

de productos y agregado al carrito

4
Revisión

del carrito y modificaciones

5
Ingreso

de datos de entrega

6
Selección

del método de pago

7
Confirmación

del pedido

8
Procesamiento

del pago

9
Preparación

del pedido (notificación)

10
Envío

del pedido (tracking)

11
Entrega

y confirmación

12
Feedback

y calificación

3-5 min
Navegación y selección
2-3 min
Proceso de checkout
30 seg
Confirmación de pago
15-25 min
Preparación
20-40 min
Entrega

Métricas de Éxito del Proyecto

Performance

< 3s
Tiempo de carga inicial
< 1.5s
First Contentful Paint
< 200ms
API Response Time
95+
Mobile Performance Score

Adopción y Uso

85%
Conversion Rate
70%
User Retention (30 días)
60/40
Mobile vs Web Usage
8 min
Session Duration

Seguridad

0
Security Incidents
100%
PCI DSS Compliance

Disponibilidad

99.9%
Uptime
< 0.1%
Error Rate

Demostración en Vivo

Plataforma Web

URL: https://ispcfood.netlify.app

Funcionalidades a mostrar:

  • Navegación del menú por categorías
  • Agregar productos al carrito
  • Proceso de checkout completo
  • Integración con MercadoPago
  • Panel administrativo

Aplicación Móvil

APK disponible para testing

Funcionalidades a mostrar:

  • Login y registro
  • Exploración de productos
  • Gestión del carrito
  • Proceso de pago móvil
  • Historial de pedidos

APIs Backend

Base URL: https://backmobile1.onrender.com/

Endpoints principales:

  • /api/auth/ - Autenticación
  • /api/products/ - Catálogo
  • /api/cart/ - Carrito
  • /api/orders/ - Pedidos
  • /api/payments/ - Pagos

Conclusiones y Próximos Pasos

Objetivos Cumplidos

Técnicos:

  • Desarrollo de plataforma web responsive
  • Aplicación móvil nativa Android
  • Backend robusto con microservicios
  • Integración completa de pagos
  • Sistema de administración

De Negocio:

  • Digitalización completa del proceso
  • Experiencia de usuario optimizada
  • Escalabilidad demostrada
  • Seguridad y compliance
  • Métricas y analytics integrados

Próximos Pasos

Corto Plazo (3-6 meses):

  • Optimización basada en feedback de usuarios
  • Desarrollo de app iOS
  • Integración con más métodos de pago
  • Sistema de loyalty points

Largo Plazo (6-12 meses):

  • Machine Learning para recomendaciones
  • Expansión internacional
  • Marketplace para múltiples restaurantes
  • Integración con delivery partners

¡Gracias por su atención!

🎉

Agradecimientos

Desarrollado por:

Nicolas Luna

Full Stack Developer

Diego Guzman

IT Support

Veronica Ludemann

Diseñadora y QA Manual

Mentores del proyecto:

Viviana Andrea Guillen

Profesora y Mentora

Julian Hernandez

Mentor MercadoPago

A los profesores y mentores del ISPC

A las empresas que brindaron APIs y servicios

A la comunidad open source

ISPC FOOD - Donde cada hamburguesa cuenta una historia