BarTraining - Entrenamiento Especializado

Bienvenido a BarTraining, una aplicación web desarrollada con React que muestra programas de entrenamiento especializados en Hipertrofia, Powerlifting y Jiu-Jitsu Brasileño (BJJ). Este proyecto cumple con los requisitos de la primera entrega del curso de React de CoderHouse.

🚀 Características

• Navegación intuitiva con barra de navegación responsiva
• Widget de carrito interactivo
• Mostrador de programas de entrenamiento con información detallada
• Diseño moderno y responsivo que funciona en todos los dispositivos
• Componentes reutilizables siguiendo las mejores prácticas de React

🛠️ Requisitos Cumplidos

1. Estructura de Componentes

• NavBar: Barra de navegación con logo y enlaces
• CartWidget: Componente del carrito de compras
• ItemListContainer: Contenedor principal que muestra los programas de entrenamiento

2. Organización del Proyecto

src/
├── components/
│   ├── CartWidget/
│   │   ├── CartWidget.jsx
│   │   └── CartWidget.css
│   ├── ItemListContainer/
│   │   ├── ItemListContainer.jsx
│   │   └── ItemListContainer.css
│   └── NavBar/
│       ├── NavBar.jsx
│       └── NavBar.css
├── App.jsx
└── main.jsx

3. Uso de Props

• Se implementó correctamente el uso de props en ItemListContainer para recibir y mostrar el mensaje de bienvenida:

  <ItemListContainer 
    greeting="¡Bienvenido a BarTraining - Tu camino hacia una vida más saludable! 🏋️‍♂️"
  />

🎨 Estilos

• CSS modular por componente para mejor mantenimiento
• Diseño responsivo que se adapta a móviles, tablets y escritorio
• Transiciones suaves y efectos visuales atractivos
• Paleta de colores profesional con énfasis en la accesibilidad

🚀 Cómo Ejecutar el Proyecto

1. Clona el repositorio:

   git clone https://github.com/BclayDrius/coderhouse-react-1.git
   cd coderhouse-react-1

2. Instala las dependencias:

   npm install

3. Inicia el servidor de desarrollo:

   npm run dev

4. Abre tu navegador en:

   http://localhost:5174
   

📦 Dependencias Principales

• React 18.2.0
• Vite 4.4.5
• React DOM 18.2.0
• ESLint (para el análisis de código)

📝 Próximas Mejoras

• Implementar rutas con React Router
• Añadir funcionalidad completa al carrito de compras
• Integrar un backend para manejo de productos
• Añadir autenticación de usuarios