Contenido 📝
Este proyecto requería conexión a una API funcional y usar react para crear una web que conecte con la API encargada de gestionar una web de compra-venta de juegos de mesa de segunda mano entre particulares.
Los usuarios podrán registrarse en la aplicación, iniciar sesión y acceder a su área personal. Los usuarios podrán crear anuncios para poner a la venta juegos de mesa. También podrán navegar por los distintos juegos que hay a la venta en la plataforma y comprarlos. Cada vez que se sube un nuevo anuncio, el usuario recibe un correo electrónico con los detalles del mismo. Así mismo, cuando se realiza una compra-venta el vendedor recibe un correo electrónico con los datos del juego que ha vendido y los datos de dirección del comprador, para que pueda proceder al envío del producto.
Los usuarios tendrán una libreta de direcciones, desde la cual se pueden crear nuevas direcciones, así como modificar y eliminar las existentes.
El backend de esta web-app está desplegado en Enlace a Zeabur
- Clonar el repositorio
$ npm install$ npm run dev
Landing sin haber iniciado sesión
Landing - Vista móvil
Register
Register - Vista móvil
Login
Login - Vista móvil
Perfil de usuario
Perfil de usuario - Vista móvil
Vista detalle Juego
Vista detalle juego - Vista móvil
Crear anuncio
Crear anuncio - Vista móvil
Edición juego
Edición juego - Vista móvil
Crear dirección
Crear dirección - Vista móvil
Edición dirección
Edición dirección - Vista móvil
Página de confirmación de compra
Página de confirmación de compra - Vista móvil
Confirmación de compra
Confirmación de compra - Vista móvil
Admin
Admin - Más detalles
⬜ Historial de pedidos
⬜ Guardar anuncios de otros usuarios
⬜ Mensajes entre usuarios
Las sugerencias y aportaciones son siempre bienvenidas.
Puedes hacerlo de dos maneras:
- Abriendo una issue
- Crea un fork del repositorio
- Crea una nueva rama
$ git checkout -b feature/nombreUsuario-mejora - Haz un commit con tus cambios
$ git commit -m 'feat: mejora X cosa' - Haz push a la rama
$ git push origin feature/nombreUsuario-mejora - Abre una solicitud de Pull Request
- Crea una nueva rama
Para conseguir mi objetivo he recopilado información y usado estas librerías:
- https://react-data-table-component.netlify.app/?path=/docs/getting-started-intro--docs
- https://mui.com/material-ui/material-icons/ y https://mui.com/
- https://github.com/motdotla/dotenv
- https://momentjs.com/
- https://reactstrap.github.io/?path=/story/home-installation--page
