Este proyecto es un e-commerce especializado en la venta de artículos de tecnología y videojuegos. Ofrece una experiencia de usuario moderna y fluida, permitiendo a los clientes explorar una amplia gama de productos, agregar artículos al carrito de compras y finalizar su compra de manera sencilla.
El proyecto ha sido desarrollado utilizando el framework React.js VITE para la interfaz de usuario y Firebase se ha utilizado para manejar la base de datos. Además, se han integrado diversas herramientas para mejorar la experiencia de usuario, como SweetAlert2 para notificaciones interactivas y Bootstrap para el diseño y la disposición de los elementos en la página.
- React.js VITE : Framework de JavaScript utilizado para construir la interfaz de usuario del e-commerce.
- Firebase: Plataforma utilizada para la base de datos en tiempo real, almacenamiento de imágenes.
- Bootstrap: Framework de CSS utilizado para estilizar la aplicación y hacerla responsive.
- SweetAlert2: Librería de JavaScript utilizada para mostrar alertas personalizadas y atractivas.
- Media Queries: Utilizadas para adaptar el diseño a diferentes tamaños de pantalla, mejorando la experiencia en dispositivos móviles.
- Vercel: Plataforma utilizada para el despliegue y hosting de la aplicación.
Para clonar y ejecutar este proyecto en tu máquina local, sigue estos pasos:
-
Clona el repositorio:
git clonehttps://github.com/OrneM/pf-mansilla-react.git
-
Navega al directorio del proyecto:
cd nombre-del-proyecto -
Instala las dependencias:
npm install
-
Instala las variables de entorno
Crea un archivo .env en la raíz del proyecto con las variables de entorno necesarias
-
Inicia la aplicación en modo de desarrollo:
npm run dev