PectoralGym - Prototipo Web Responsivo 🏋️‍♂️💻

📅 Fecha de entrega: 19 de abril de 2025
📍 Universidad: Universidad Nacional de Jujuy, Facultad de Ingeniería
👨‍💻 Alumno: Martin Alejandro Bonari
🎓 Carrera: Analista Programador Universitario 👨‍🏫 Profesores: Pablo Gudiño, Ángel Eduardo Casasola, Alfredo Espinoza
📝 Materia: Programación y Servicios Web

---

Descripción del Proyecto 🖥️

PectoralGym es un prototipo de un sitio web responsivo diseñado para un gimnasio ficticio. Este proyecto aplica las tecnologías más modernas, como HTML5, CSS3, Bootstrap 5+, y jQuery avanzado, para crear una experiencia interactiva, accesible y visualmente atractiva. ¡Vibe Check y High Tech al máximo! 💪✨

---

Objetivo Principal 🎯

Desarrollar un sitio web funcional que sea:

• 100% responsivo, adaptándose a diferentes dispositivos 📱💻.
• Potenciado por Bootstrap 5+ para la estructura y diseño.
• Más dinámico e interactivo utilizando jQuery avanzado ⚡.
• Accesible y optimizado con herramientas como W3 Validator y prácticas de accesibilidad básica.

---

Estructura del Proyecto 🛠️

1. HTML5 + Bootstrap para la estructura principal.
2. CSS personalizado para ajustar estilos y mejorar el diseño.
3. jQuery avanzado para animaciones y control dinámico de eventos.

Páginas principales 📄:

• Inicio (Home):
  • Menú principal con submenús interactivos usando Mega Menú.
  • Sección "Hero" con video de fondo 🎥 y animaciones suaves.
  • Contador animado 🕒 y carrusel de testimonios personalizado.
  • Footer con formulario validado y mapa interactivo 🌍.
• Clases:
  • Filtros dinámicos por categoría y galería tipo Masonry.
  • Tarjetas con efectos de zoom 🔍 y tabla de horarios responsiva.
• Entrenadores:
  • Tarjetas con efecto flip 🔄 y barras de habilidades animadas.
  • Sistema de calificación por estrellas ⭐.
• Contacto:
  • Formulario con validación en tiempo real y spinner de carga.
  • Modal de confirmación para mensajes enviados correctamente.
• Precios:
  • Tabla de precios con efecto hover y opción de alternar entre precios mensuales/anuales 💰.
  • Tooltips explicativos para mejorar la experiencia del usuario.
• Blog Fitness:
  • Diseño estilo periódico 📰 con filtros por etiquetas y sección de comentarios con avatares.

---

Cómo usar este repositorio 📂

Opción 1: Clonar el repositorio

1. Clona este repositorio en tu máquina local:

   git clone https://github.com/MartinBonari/PectoralGym.git
   

2. Navega hasta la carpeta del proyecto:

   cd PectoralGym
   

3. Abre el archivo index.html

Opcion 2: Probar el deploy o despliegue en GitHub Pages

-Explora el proyecto a traves del siguiente enlace: [(https://martinmab2.github.io/PectoralGym/)]

---

Créditos y Agradecimientos 🙌

Este proyecto fue desarrollado por Martin Alejandro Bonari como parte de la materia Programación y Servicios Web, en la carrera Analista Programador Universitario, en la Universidad Nacional de Jujuy - UNJU, Facultad de Ingeniería. Agradecimiento especial a los profesores Pablo Gudiño, Ángel Eduardo Casasola, y Alfredo Espinoza por su guía en este trabajo.