Una experiencia de compra elegante y funcional para Joyeria Artesanal
Características • Tecnologías • Instalación • Estructura • Demo
# BijouRed-ShopBijouRed es una tienda online especializada en collares y accesorios finos, diseñada para ofrecer una experiencia de compra premium. Este proyecto combina un diseño elegante con funcionalidades avanzadas como:
- Búsqueda en tiempo real para encontrar productos rápidamente
- Sistema de carrito inteligente con gestión de stock
- Diseño totalmente adaptable a todos los dispositivos
El proyecto fue desarrollado como parte del curso de javascript
- Catálogo de productos con imágenes de alta calidad
- Búsqueda en tiempo real con filtrado instantáneo
- Sistema de carrito persistente con actualización en vivo
- Gestión de stock en tiempo real
- Proceso de compra simplificado con confirmación visual
- Diseño responsive que se adapta a cualquier dispositivo
- Animaciones sutiles y transiciones elegantes
- Interfaz intuitiva con navegación clara
- Paleta de colores coherente con la marca BijouRed
- HTML5 Estructura semántica y accesibilidad
-
- CSS3 Diseño responsive, animaciones y efectos visuales
-
- **JavaScript Lógica del carrito, búsqueda y dinamismo
-
- Bootstrap 5 para diseño responsivo
- Font Awesome para íconos y elementos visuales
- Búsqueda en tiempo real sin recargar la página
- Carrito desplegable en el navbar para acceso rápido
- Gestión de estado con JavaScript
- Optimización SEO en todas las páginas
- Código modular y fácil de mantener
- Navegador web moderno (Chrome, Firefox, Safari, Edge)
- Conexión a internet para cargar recursos externos (CDN)
- Clonar el repositorio
git clone https://github.com/TU_USUARIO/tienda-bijoured.git cd tienda-bijoured
- Mostrar productos dinámicamente con imágenes, nombre, precio y stock.
- Carrito de compras:
- Agregar productos.
- Actualizar cantidades.
- Vaciar carrito.
- Mostrar total y cantidad de artículos.
- Buscador de productos integrado en navbar.
- Diseño responsivo gracias a Bootstrap.
- Footer con formulario de newsletter y enlaces de contacto y redes sociales.
Todas las funcionalidades de JS funcionarán automáticamente. 📝 Notas importantes
Las imágenes deben permanecer en sus carpetas images/productos y images/carrusel.
Bootstrap y Font Awesome se cargan vía CDN.
Se utiliza JavaScript puro para el carrito y pop-ups.
.DS_Store y otros archivos temporales se excluyen con .gitignore.
👥 Créditos
Proyecto desarrollado por: Inés Ferreira
Propósito: entrega académica del curso de Javascript en Coderhouse
Docente evaluador:
📄 Licencia
Este proyecto es educativo y de libre acceso para revisión por el docente. No se permite uso comercial sin autorización.