Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/francojnieva/cabron-delivery-frontend


https://github.com/francojnieva/cabron-delivery-frontend

css3 deploy frontend html5 javascript node project-website react responsive-web-design tailwindcss typescript vercel visual-studio-code vite

Last synced: about 1 month ago
JSON representation

Awesome Lists containing this project

README 

        
# Cabrón Delivery - Frontend



## Descripción del Proyecto

Cabrón Delivery es una aplicación de delivery de comidas, diseñada para ofrecer una experiencia fluida y sencilla a los usuarios. La aplicación permite a los usuarios registrarse, iniciar sesión, gestionar su perfil, y realizar pedidos de manera fácil. Los mismos pueden agregar productos al carrito, ver descuentos, y elegir el método de pago para completar su compra.



[![789shots-so.png](https://i.postimg.cc/hjcVHd5k/789shots-so.png)](https://postimg.cc/3yfyGd71)



## Tecnologías Utilizadas

![ReactJS](https://img.shields.io/badge/React-61DAFB?style=for-the-badge&logo=react&logoColor=white) ![Static Badge](https://img.shields.io/badge/Typescript-3178C6?style=for-the-badge&logo=Typescript&logoColor=fff)  ![Static Badge](https://img.shields.io/badge/Vite-646CFF?style=for-the-badge&logo=Vite&logoColor=fff) ![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white) ![Git](https://img.shields.io/badge/Git-F05032?style=for-the-badge&logo=git&logoColor=white)  



![Static Badge](https://img.shields.io/badge/DaisyUI-5A0EF8?style=for-the-badge&logo=DaisyUI&logoColor=fff) ![Static Badge](https://img.shields.io/badge/React%20hook%20form-EC5990?style=for-the-badge&logo=react%20hook%20form&logoColor=fff) ![Static Badge](https://img.shields.io/badge/React%20router-CA4245?style=for-the-badge&logo=react%20router&logoColor=fff) ![Static Badge](https://img.shields.io/badge/React%20icons-CA4245?style=for-the-badge&logo=react%20icons&logoColor=fff) 



![Static Badge](https://img.shields.io/badge/Axios-5A29E4?style=for-the-badge&logo=axios&logoColor=fff) ![Visual Studio Code](https://img.shields.io/badge/Visual_Studio_Code-007ACC?style=for-the-badge&logo=visual-studio-code&logoColor=white) ![Static Badge](https://img.shields.io/badge/npm-CB3837?style=for-the-badge&logo=npm&logoColor=%23fff)  ![Static Badge](https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=Vercel&logoColor=%23fff)



## Funcionalidades

### Registro y Autenticación

- **Registro de usuarios:** Los usuarios pueden registrarse en la aplicación proporcionando su nombre, correo electrónico y contraseña. Recibirán un correo de confirmación.



[![c.png](https://i.postimg.cc/vZ5gbmfb/c.png)](https://postimg.cc/6855htMm)



- **Inicio de sesión:** Una vez registrados, los usuarios pueden iniciar sesión para acceder a todas las funcionalidades de la aplicación.



[![59shots-so.png](https://i.postimg.cc/C5vCCxJW/59shots-so.png)](https://postimg.cc/Zvdy4ZGc)



### Gestión de Usuario

- **Edición de perfil:** Los usuarios pueden actualizar su información personal, como nombre, correo electrónico y contraseña.



- **Ver productos con descuento:** Los usuarios pueden ver una lista de productos que están actualmente en oferta.



### Carrito de Compras

- **Agregar productos al carrito:** pueden agregar productos al carrito y ver un resumen de su compra.



- **Gestión del carrito:** Los usuarios pueden editar la cantidad de productos en el carrito o eliminarlos antes de proceder al pago.



### Proceso de Compra

- **Métodos de pago:** Los usuarios pueden elegir pagar mediante transferencia bancaria o a través de Mercado Pago.



- **Subida de comprobante:** Una vez realizado el pago, los usuarios deben subir el comprobante y proporcionar la dirección de entrega.



- **Notificación de pedido:** Tras completar la compra, el equipo de Cabrón Delivery recibe un correo con los detalles del pedido, incluidos los datos del usuario, productos, y dirección de envío.



[![d.png](https://i.postimg.cc/XqTq0Mvr/d.png)](https://postimg.cc/m1yBQ5C4)



### Panel de Administrador

- **Inicio de sesión del administrador:** El administrador debe iniciar sesión para acceder a las funcionalidades administrativas.



- **Gestión de usuarios:** El administrador puede ver y borrar todos los usuarios registrados en la aplicación.



- **Gestión de productos:** El administrador puede ver todos los productos, editarlos, eliminarlos, y agregar nuevos productos a la aplicación.



[![123shots-so.png](https://i.postimg.cc/3JVm36qC/123shots-so.png)](https://postimg.cc/RN1NRP4N)



## Despliegue

La aplicación está desployada en Vercel.



[Ver repositorio Cabrón Delivery - Backend](https://github.com/francojnieva/Cabron-delivery-Backend.git)