Skip to content

Latest commit

 

History

History
99 lines (78 loc) · 3.65 KB

README.md

File metadata and controls

99 lines (78 loc) · 3.65 KB
Raw

Proyecto Final – Frontend - comision 17i

logo-saboreslatinos

👪 Integrantes

📜Objetivo

Desarrollar una aplicación para que los clientes elijan entre distintos menús del restaurante y puedan hacer su pedido.

📜 Requerimientos

  • Login: Pantalla de login donde el usuario puede autenticarse o darse de alta a través de un enlace al formulario de registro. Se debe verificar si la el usuario existe y si tiene la cuenta verificada, en caso que no mostrar una pantalla diciendo: “Aún no verificaste tu cuenta, accede al mail que te enviamos para activarla.”

  • Registro: Puede ser una página o un modal donde el usuario nuevo puede darse de alta. Los datos indispensables para permitir el ingreso deben ser un email y contraseña, pudiendo agregar los que se deseen. Se debe enviar un mail para activar la cuenta.

  • Home: Pantalla principal con información del restaurante y los menús disponibles para que los usuarios puedan seleccionar el que deseen.

  • Pedidos: Una página que contendrá los menús seleccionados por el usuario y su costo total. Deberá tener un botón de hacer pedido. Al hacer click el pedido se guardará en la BD como pendiente.

  • Pagina del administrador: El usuario administrador debe poder acceder a una página donde se muestran los listados de usuarios, menús y pedidos y además pueda realizar las siguientes operaciones:

  • Usuarios: Listar los usuários, dar de alta a usuários y poder inactivarlos

  • Productos del menú: Dar de alta productos, modificar productos, eliminar productos, listar productos

  • Pedidos: Listar los pedidos, modificar el estado de los pedidos de pendientes a realizados

  • Nosotros: Una página informativa que contendrá datos del grupo de desarrolladores del proyecto.

  • Error404: Una página con el respectivo mensaje de error a donde deben dirigirnos en caso de no tener una funcionalidad desarrollada.

📗 Bibliotecas externas

  • React Bootstrap
  • Sweet Alert
  • React Router Dom
  • Sweet Alert 2
  • Fontawesome

⬇️ Instalacion

El backend de esta pagina esta subido en vercel, por lo que podriamos utilizarlo realizando los siguientes comandos

  1. Clonamos el repositorio
git clone https://github.com/MarianaReid/Proyecto3-RollingCode
  1. Instalamos todas las dependencias
npm i
  1. Ejecutamos la aplicacion web
npm run

⬇️ Instalacion Local

Opcion 1️⃣

Para poder utilizarlo de forma local, primero deberiamos descargar el Backend

  1. Clonamos el repositorio del frontend
git clone https://github.com/MarianaReid/Proyecto3_frontEnd
  1. Instalamos todas las dependencias
npm i
  1. Ejecutamos la aplicacion web
npm run

Opcion 2️⃣

  1. Clonamos el repositorio del frontend
git clone https://github.com/MarianaReid/Proyecto3_frontEnd
  1. Instalamos todas las dependencias
npm i
  1. Si tenemos instalado json server podemos simular una api ejecutando el siguiente comando en una terminal, de lo contrario instalarlo en json server
json-server --watch db.json --port 4040
  1. Se debe crear un .env con las rutas del backend

5. En una terminal aparte ejecutamos la aplicacion web

npm run