Frontend Quisco De Comida

Proyecto de Comida

Descripción General
Este proyecto consiste en una aplicación para gestionar pedidos de un kiosco de comida. La aplicación consume una API del sistema del kiosco, la cual maneja productos, categorías, pedidos y usuarios.

Arquitectura

Backend:La lógica de negocio se gestiona en el backend, donde se controlan aspectos como:Disponibilidad de los productos.

Estado de los pedidos.

Frontend:Se desarrolla en React, utilizando:React Router DOM para manejar la navegación como una Single Page Application (SPA).

Context API para gestionar el estado de la aplicación.

Axios para realizar las solicitudes a la API.

Funcionalidades Principales

Gestión de Pedidos:Los usuarios pueden crear, visualizar y cambiar el estado de los pedidos.

Registro de Usuarios:Se permite el registro de nuevos usuarios en el sistema.

Disponibilidad de Productos:Los administradores pueden cambiar la disponibilidad de los productos.

Consulta en Tiempo Real:Utilizamos el hook useSWR para consultar los pedidos y la disponibilidad de productos en tiempo real, garantizando que los datos mostrados estén siempre actualizados.

Detalles Técnicos

Consumo de API:La aplicación se comunica con la API utilizando Axios, facilitando la obtención de datos y el manejo de respuestas.

Estado Global:Con Context API, se gestiona el estado de la aplicación, permitiendo que los componentes accedan a la información necesaria sin necesidad de prop drilling.

Desafíos Enfrentados
Mantener la sincronización de los pedidos y la disponibilidad de productos en tiempo real.

Implementar una gestión eficiente del estado de la aplicación con Context API.

Este proyecto ha permitido profundizar en la integración de React con APIs, el uso de hooks como useSWR para la gestión de datos en tiempo real, y la organización de la lógica de negocio en el backend. La experiencia adquirida en la creación de una SPA y la gestión del estado será invaluable para futuros proyectos.