🎶 BeatSchool 🎶

Hola, somos BeatSchool una escuela de música online que ofrece lecciones flexibles con instrumentos virtuales, haciendo la educación musical accesible y asequible. Dirigida a todas las edades y niveles, democratiza el aprendizaje musical. ¡Únete a BeatSchool y descubre una forma emocionante de aprender música!

💻 Tecnologías empleadas

• Figma: Diseñamos la interfaz como una partitura musical, asegurando una navegación armoniosa Prototipo Figma

• HTML: Estructuramos el contenido web como si fuera la partitura que define cada nota

• CSS: Estilizamos la página para que luzca tan atractiva como un concierto visual

• Preprocesador Sass: Organizamos estilos eficientemente, como acordes en una composición musical

• JavaScript: Añadimos interactividad, haciendo que los instrumentos respondan como en una orquesta en vivo

👩‍💻 Requisitos para el funcionamiento

• Visual Studio Code
• Live server

⏏ Instalación del repositorio

Paso 1: clona el respositorio

Git clone https://github.com/Yedpt/BeatSchool.git

Paso 2: Ejecuta el index.html en el navegador

Paso 3: Explora toda nuestra web,pero sobre todo deténte en nuestra batería y aprende y diviértete tocando una batería virtual. Hazlo con el ratón, el teclado o tus dedos en la versión móvil

🌅 Imágenes de la Web

video.pagina.mp4

🌐 Colabora con BeatSchool y crece con nosotros

Paso 1: Crea tu rama

git checkout -b nombre-de-tu-rama

Paso 2: Vincula los archivos Sass con sus respectivos CSS para ver los cambios

Para ello primero tendrás que instalar nodejs. Puedes realizar la instalación desde la propia página de node.

Posteriormente instala sass en la terminal escribiendo:

npm install -g sass

Ahora que tenemos instalado Sass vamos a establecer un archivo de entrada(scss) y otro de salida(css). Para ello escribe lo siguiente en la termminal. Para ello creamos un archivo .scss con el mismo nombre que nuestro .css. Así estableceremos scss como archivo de entrada y css como archivo de salida. Para ver los cambios en tiempo real, escribe lo siguiente en la pantalla

Sass --watch home.scss home.css

Una vez hecho esto se nos creará un archivo .css.map

Paso 3: Realiza cambios

Trabaja en las mejoras y correcciones que desees

Paso 4: Cuando termines, avisa

Envía una solicitud de extracción desde tu rama a la rama principal (main)

Paso 5: Revisa y comenta

Estaremos encantados de revisar tus cambios y proporcionarte comentarios constructivos

Paso 6: ¡Celebra!

Una vez que tu solicitud de extracción sea aceptada, ¡celebra tu contribución al proyecto!

Si tienes alguna duda o necesitas más orientación, no dudes en preguntar. ¡Buena suerte con tu proyecto!

⚡ Desarrolladores

Jose Alfonso Ruiz (Product Owner)

Nuestro director de comunicación, es el carismático vocalista y manager de BeatSchool

Yeder Pimentel (Scrum Master)

Nuestro desarrollador principal, es el baterista que mantiene el ritmo en BeatSchool

Wilder Aguilar (Equipo de Desarrollo)

Ingeniero de software, es el técnico de sonido detrás de cada éxito

Mariela Adimari (Equipo de Desarrollo)

Cofundadora y directora musical, es nuestra pianista virtuosa

Magaly Lazarte (Equipo de Desarrollo)

Nuestra cofundadora y directora creativa, es la guitarrista principal de nuestra banda

🔮 Mirando al futuro

Visualizamos nuestra escuela de música online como una sólida herramienta en educación musical interactiva. En el futuro, esperamos:

• Ampliar Instrumentos: Añadir más instrumentos interactivos

• Colaboraciones: Asociarnos con músicos y educadores para contenido exclusivo

• Comunidad: Fomentar un espacio para que los estudiantes colaboren y compartan sus progresos

• Análisis Personalizado: Ofrecer herramientas de análisis de progreso para una mejora continua