Desarrollar una aplicación para que los clientes elijan entre distintos menús del restaurante y puedan hacer su pedido.
-
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.
- React Bootstrap
- Sweet Alert
- React Router Dom
- Sweet Alert 2
- Fontawesome
El backend de esta pagina esta subido en vercel, por lo que podriamos utilizarlo realizando los siguientes comandos
- Clonamos el repositorio
git clone https://github.com/MarianaReid/Proyecto3-RollingCode
- Instalamos todas las dependencias
npm i
- Ejecutamos la aplicacion web
npm run
Para poder utilizarlo de forma local, primero deberiamos descargar el Backend
- Clonamos el repositorio del frontend
git clone https://github.com/MarianaReid/Proyecto3_frontEnd
- Instalamos todas las dependencias
npm i
- Ejecutamos la aplicacion web
npm run
- Clonamos el repositorio del frontend
git clone https://github.com/MarianaReid/Proyecto3_frontEnd
- Instalamos todas las dependencias
npm i
- 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
- Se debe crear un .env con las rutas del backend
5. En una terminal aparte ejecutamos la aplicacion web
npm run