This project was bootstrapped with Create React App, using the Redux and Redux Toolkit template.

Importante

Recuerden para cada componente crear su carpeta para que cada componente tenga su propio folder

Recuerden crearse sus constantes en redux/constants: GET_TABLES: "GET_TABLES", TABLE_DETAILS: "TABLE_DETAILS" Estos nombres son meramente orientativos las constantes son para saber que acciones ya estan hechas y no hacer mas de una accion que haga lo mismo ademas de trabajar con nombres inmutables en un archivo y evitar errores de tipeo.

Las acciones van en redux/actions

Recuerden crear cada reducer en redux/reducers aparte y luego combinarlo en el combine reducer del redux/reducers/index.js Si necesitan una guia del combine reducer: https://redux.js.org/api/combinereducers

Rutas a crear

Ejemplo ruta landing page: restobar.com/ Ejemplo ruta de registro de usuario: restobar.com/registro restobar.com/confirmacion/:token Ejemplo ruta login: restobar.com/login Ejemplo ruta comensal: restobar.com/:idResto/mesa/:idMesa restobar.com/:idResto/mesa/:idMesa/menu restobar.com/:idResto/mesa/:idMesa/cuenta restobar.com/:idResto/mesa/:idMesa/feedback Ejemplo ruta admin: restobar.com/:idResto/admin restobar.com/:idResto/admin/mesas restobar.com/:idResto/admin/recaudacion restobar.com/:idResto/admin/cuenta restobar.com/:idResto/admin/feedback restobar.com/:idResto/admin/menu/:idPlatillo Ejemplo ruta personal: restobar.com/:idResto/personal restobar.com/:idResto/personal/mesas restobar.com/:idResto/personal/ordenes

Tailwind

No crear css de componentes solo clases globales y las clases de elementos HTML del mismo TW.

Componentes

----------------- -----------------

// Ruta principal --> Componente contenedor --> Nombre del local
--> Img logo del comercio --> bg-image + fondo color con opacidad --> Contiene boton hacia la ruta -> Restorant/mesa/:id
--> Caja con texto descriptivo del local

//Restorant/mesa/:id/menu --> Componente contenedor
--> NavBar Horizontal superior --> Nav vertical lateral izq --> Componente contenedor

//Restorant/mesa/:id/cuenta --> Componente contenedor
--> NavBar Horizontal superior --> Componente contenedor
--> Nav Horizontal inferior

//Restorant/mesa/:id/pago --> Componente contenedor
--> NavBar Horizontal superior ?? renderizado condicional para mostrar precio --> Total a pagar: {Total consumido} --> Boton para pagar en mesa -> mientras este activo renderizar --> Boton para pagar por tarjeta -> mientras este activo renderizar

----------------- ----------------- ----------------- -----------------

{ --> Boton para activar o desactivar --> Componente de busqueda --> input + btn icon lupa --> Boton Link hacia el Carrito //Restorant/mesa/:id/cuenta --> Este boton tiene en su costado un contador de elementos en el carro }

{ --> Componente --> Ordenar por + Selector con ordenamiento por Importancia || Mayor precio || Menor precio --> Componente de filtrado --> componente de logica .map renderiza el componente --> Nombre de la categoria --> Img de categoria --> :active --> Render Ul list Sub categorias -> SetFilter }

{ componente de logica .map renderiza el componente --> Nombre del alimento --> Img del alimento --> Precio Unitari
--> Descripcion --> Button --> + Aumentar Unidades para pedir --> Button --> - Restar Unidades para pedir --> Button --> Agregar al carro
--> Contador de Unidades + Precio de la suma de unidades } asdasda

{ --> Boton Home --> hacia la ruta anterior
--> ? mostrar solo en la ruta cuenta --> Consumo Actual --> Ya pedidos } ---> VOY POR ACA

{ --> Componente de logica .map renderiza el componente --> Nombre del alimento --> Img del alimento --> Precio Total
--> Cantidad de unidades ---> Si ya fue pedido --> cambia bg-color --> se Agrega la etiqueta Pedido en el margen inferior izq }

{ --> Barra horizontal inferior cuenta con --> Nuevo Pedido : --> Costo total de elementos no pedidos --> Button --> Pedir --> Agrega los items no pedidos a la lista de pedidos --> Button --> Pagar --> hacia la ruta pagar }

{ --> Renderiza un boton indicando que espere en la mesa || ir a la caja }

{ --> Total a pagar --> Componente para ingreso de datos de la tarjeta/Mercadopago --> Button --> Pagar --> Finalizar }