JCI Ambato - Página Web Oficial

Unidos Construyendo un Futuro de Liderazgo

📋 Descripción

JCI Ambato es la plataforma web oficial de la Cámara Junior Internacional de Ambato, una organización sin fines de lucro dedicada a empoderar a jóvenes líderes para generar impacto positivo en la comunidad de Ambato, Ecuador. Esta aplicación web moderna ofrece información integral sobre nuestras iniciativas, eventos, oportunidades de participación y el trabajo que realizamos en pro del desarrollo comunitario.

🎯 Características Principales

• Diseño Responsivo: Interfaz optimizada para todos los dispositivos
• Contenido Estático: Gestión de contenido optimizada para rendimiento
• SEO Optimizado: Configuración completa para motores de búsqueda
• Accesibilidad: Cumple con estándares WCAG
• Rendimiento: Optimizado con Next.js 15 y Turbopack

🛠️ Stack Tecnológico

Frontend

• Next.js 15 - Framework React con App Router
• React 18 - Biblioteca de interfaz de usuario
• TypeScript 5.6 - Tipado estático
• Tailwind CSS 3.4 - Framework CSS utilitario
• HeroUI v2 - Biblioteca de componentes UI
• Framer Motion - Animaciones fluidas

Herramientas de Desarrollo

• ESLint - Linting de código
• Prettier - Formateo de código
• Turbopack - Bundler de desarrollo rápido

Componentes UI

• Swiper - Carousel y slider
• React Icons - Iconografía
• React Aria - Accesibilida

🚀 Instalación y Configuración

1. Clonar el Repositorio

git clone https://github.com/jci-ambato/web.git
cd jci-ambato

2. Instalar Dependencias

# Usando npm (recomendado)
npm install

# Usando pnpm (alternativo)
pnpm install

3. Configurar Variables de Entorno (Opcional)

Crea un archivo .env.local en la raíz del proyecto:

# Site Configuration
NEXT_PUBLIC_SITE_URL=https://www.jciambato.org

# Analytics (opcional)
NEXT_PUBLIC_GA_ID=your_google_analytics_id

4. Iniciar el Servidor de Desarrollo

npm run dev

La aplicación estará disponible en http://localhost:3000

🎨 Sistema de Diseño

Paleta de Colores

• JCI Navy: #3A67B1 - Color principal institucional
• JCI Aqua: #0087D7 - Color secundario
• JCI Gold: #EDBE3B - Color de acento
• JCI Seafoam: #56BDA3 - Color complementario

📝 Scripts Disponibles

# Desarrollo
npm run dev          # Inicia servidor de desarrollo con Turbopack
npm run build        # Construye la aplicación para producción
npm run start        # Inicia servidor de producción

# Calidad de Código
npm run lint         # Ejecuta ESLint con correcciones automáticas
npm run format       # Formatea código con Prettier

# Análisis
npm run analyze      # Analiza el bundle (si está configurado)

📄 Licencia

Este proyecto está licenciado bajo la MIT License - ver el archivo LICENSE para más detalles.

📞 Contacto y Soporte

JCI Ambato

• Email: tecnologias@jciambato.com
• Ubicación: Ambato, Ecuador

Redes Sociales

• Facebook: @jciambatoec
• Instagram: @jciambato
• LinkedIn: JCI Ambato

---

Desarrollado con ❤️ por el equipo de JCI Ambato