Advertencia: Este proyecto está actualmente en proceso de rediseño. La información y las capturas de pantalla pueden no reflejar el estado final.

SneakVault Logo

E-commerce de Zapatillas y Camisetas.

Mi Rol
Full Stack Developer
Equipo
Eloy García Martínez (yo)
Tecnologías
React Firebase Bootstrap React Router Framer Motion
Timeline
2024

Contexto

Este proyecto consiste en una aplicación web de venta de zapatillas y camisetas, desarrollada con React para el frontend y Firebase para la base de datos y la parte de autenticación. El objetivo principal es ofrecer una plataforma intuitiva y atractiva para la compra de productos relacionados con el calzado y la vestimenta urbana.

Características principales

  • Página Principal: Muestra una descripción de SneakVault, productos destacados y información de contacto.
  • Página de Productos: Permite visualizar todos los productos, con opciones de paginación, búsqueda y ordenación.
  • Página de Detalle de Producto: Muestra información detallada de cada producto y permite agregarlo al carrito.
  • Página de Carrito: Permite visualizar los productos seleccionados, modificar cantidades y eliminar productos.
  • Autenticación: Formularios de Login y Registro para usuarios, con validaciones y mensajes de error.

Capturas del proyecto

flechaPincha para ampliarme
Captura 1

Home

Página principal con información de undefined studios.

Captura 1

Vista de Productos

Página principal con el listado de productos disponibles.

Captura 2

Detalle de Producto

Vista detallada de un producto con opción de añadir al carrito.

Captura 2

Carrito de compra

Vista del carrito de compra con los productos seleccionados.

Instalación y Configuración

Para ejecutar este proyecto localmente, clona el repositorio desde GitHub, instala las dependencias con `npm install` y configura tus credenciales de Firebase en un archivo `firebase.utils.tsx`.

Dependencias Adicionales

  • Bootstrap: Framework CSS para estilos y diseño responsive.
  • React Router: Librería para la gestión de rutas en la aplicación.
  • Firebase: Plataforma con servicios de autenticación y base de datos.
  • Framer Motion: Librería para crear animaciones y transiciones en React.

Licencia y créditos

© 2024 Eloy García Martínez & Group 71. Imágenes e iconos pertenecen a sus respectivos propietarios.