Realizamos una aplicación web para la gestión de una heladería, con un escaparate virtual para la venta de sus productos al público en general donde los clientes podían buscar los productos por nombre y/o categoría y ordenarlos por precio. Luego de registrarse en la página pueden editar su información, guardar sus helados favoritos, realizar compras seguras con Mercado Pago, realizar reviews de su experiencia en la plataforma y recibir en su correo electrónico los comprobantes de pagos de sus compras.
Por otro lado, creamos un panel de administración de la heladería a través de la cual los dueños pueden agregar y/o modificar sus productos, obtener un vistazo de cómo iba su negocio a través de un panel de estadísticas, generar reportes de ventas en Excel por un período determinado, gestionar el ingreso de nuevos administradores a la página y crear campañas promocionales a través de email, los cuales se envían desde la página gracias al uso de Nodemailer.
Para el despligue del proyecto se utilizaron los siguientes servicios:
- Vercel para el frontend
- Railway para el backend
- MongoDb Atlas para la Base de Datos
Aquí puedes ver el proyecto completo
__
Inicio
BotyHeladito
Login
Producto
Carrito
Pago de Producto
Recepción de Comprobante en Email
Reviews
Panel de Administracion
Creacion de Producto
Ubicación de Locales en Google Maps
Para poder ejecutar el proyecto de forma local deberá crear los archivos .env en las carpetas /api y /client con la configuración necesaria de acuerdo a los archivos .env.example que hay en cada carpeta.
Se necesita estar registrado en los siguientes servicios para ejecutar Heladitos APP
Para el Frontend
Para el Backend
Para ejecutar el proyecto se deberá navegar con el terminal dentro de las carpetas /client para el front y /api para el back, donde deberán seguir los siguientes pasos:
⌨️ Para instalar los servicios, navegar dentro de la carpeta correspondiente y ejecutar el comando
npm install
⌨️ Para ejecutarlo
npm start
Finaliza con un ejemplo de cómo obtener datos del sistema o como usarlos para una pequeña demo
Para la construcción de Heladitos APP se utilizaron las siguientes tecnologías
- React - Para generar las vistas.
- Chakra UI - Librería de React para la generación de componentes estilizados.
- React Simple Chatbot - Le da vida a Boty-Heladito.
- Cloudinary - Para subir imágenes de los productos y perfiles de usuario.
- Redux Toolkit - Para el manejo de los estados de la aplicación.
- React Apex Charts - Para los gráficos de ventas.
- Mercado Pago - Para la gestión de pagos bajo la modalidad de pago único.
- NodeJs - Para la creación del server.
- ExpressJs - Para la creación del REST API.
- Auth0 - Para el manejo de la autenticación
- Nodemailer - Para el envío de correspondencia desde la App.
- MongoDB - Para la Base de Datos.
- Mongoose - ORM para Mongo DB.
- Mongo Atlas - Como host de nuestra Base de Datos.
El fabuloso equipo que llevó a cabo este proyecto:
- Santiago Corino - Linkedin - Github
- Sofía Navarro - Linkedin - Github
- Marcos Soria - Linkedin - Github
- Franco Pelaez - Linkedin - Github
- Cristian Cobo - Linkedin - Github
- Liza García - Linkedin - Github
- Ezequiel Murga - Linkedin - Github
- Rolando Quispe - Linkedin - Github
⌨️ con ❤️ por oxalc88 😊