🎶 Campamento Musical Marqués de Mancera - Inscripciones

Este proyecto es una aplicación web para gestionar las inscripciones de la trigésima versión del Campamento Musical Marqués de Mancera. Está diseñado para ser intuitivo, visualmente atractivo y funcional, permitiendo a los participantes registrar sus datos y recibir confirmaciones vía correo electrónico.

🚀 Características

• Formulario dinámico y validación en tiempo real:

  • Formateo y validación del RUT chileno.
  • Validación de campos obligatorios.
  • Bordes de colores en los campos (verde para válido, rojo para errores).

• Notificaciones:

  • Modal de confirmación tras enviar el formulario.
  • Correo de confirmación personalizado para los inscritos usando EmailJS.

• Diseño atractivo:

  • Fondo animado con emojis de notas musicales e instrumentos flotando.
  • Gradiente de colores vibrantes.
  • Completamente responsivo.

• Backend conectado a Supabase:

  • Almacena las inscripciones en una base de datos segura y escalable.

---

🛠️ Tecnologías Utilizadas

• Frontend:

  • React con TypeScript.
  • Tailwind CSS para el diseño.

• Backend:

  • Supabase como base de datos.

• Servicios adicionales:

  • EmailJS para envío de correos automáticos.

• Hosting:

  • Vercel para despliegue rápido y sencillo.

---

📂 Estructura del Proyecto

campamento-musical/
├── public/               # Archivos públicos (favicon, index.html)
├── src/
│   ├── assets/           # Imágenes y recursos estáticos
│   ├── components/       # Componentes React (Formulario, Footer, etc.)
│   ├── App.tsx           # Componente principal
│   ├── index.tsx         # Entrada del proyecto
│   ├── supabaseClient.ts # Configuración de Supabase
│   └── styles/           # Estilos globales
├── README.md             # Este archivo
├── package.json          # Dependencias y scripts
└── tailwind.config.js    # Configuración de Tailwind CSS