Edutictac/edumusic
Watch
1
0
Fork
You've already forked edumusic
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
EduMúsic — PWA educativa per aprendre música
185 commits 1 branch 0 tags 32 MiB
  • JavaScript 76.7%
  • HTML 13.7%
  • CSS 7.5%
  • PLSQL 1.1%
  • CoffeeScript 0.4%
  • Other 0.6%
Find a file
Exact
Repository files (latest commit first)
Filename Latest commit message Latest commit date
Samuel Soriano d2e6c026fa Reemplaza Firebase por API REST autoalojada para el ranking
2026-09-04 13:01:48 +02:00
.github hola mundo 2025-09-08 23:49:39 +02:00
assets timbre instrumentos 2026-03-24 17:00:38 +01:00
css Add Educraft embedded minigame 2026-04-15 12:47:45 +02:00
html Open Educraft directly from minijocs 2026-04-15 14:11:44 +02:00
js Reemplaza Firebase por API REST autoalojada para el ranking 2026-09-04 13:01:48 +02:00
minijocs Reemplaza Firebase por API REST autoalojada para el ranking 2026-09-04 13:01:48 +02:00
server/jclic server jclic 2026-02-03 13:12:29 +01:00
tools importar classquiz 2025-10-30 14:42:15 +01:00
.gitignore Track minijocs in main repo 2025-12-28 17:02:32 +01:00
index.html eduhoot 2026-05-05 20:53:11 +02:00
LICENSE license 2025-11-11 17:42:24 +01:00
manifest.json instalacion 2025-10-14 23:31:17 +02:00
mejoras.md mejoras importantes edumario 2026-02-05 23:23:10 +01:00
offline.html volumen de toda la aplicación 2025-10-12 18:13:39 +02:00
README.md Reemplaza Firebase por API REST autoalojada para el ranking 2026-09-04 13:01:48 +02:00
service-worker.js Reemplaza Firebase por API REST autoalojada para el ranking 2026-09-04 13:01:48 +02:00

README.md

EduMúsic PWA

Esta es una Progressive Web App educativa para aprender música, con actividades interactivas en HTML5 y JavaScript.

Actividad 1: Aprender las notas musicales Sol y Mi

  • Interfaz simple y atractiva.
  • Ejercicios interactivos para identificar y practicar las notas Sol y Mi.

Estructura del proyecto

  • index.html: Página principal y listado de actividades.
  • game.html: Submenú "Atrapa Notas" con los distintos retos.
  • solmi.html: Juego "Atrapa Notas" centrado en las notas Sol y Mi.
  • solmila.html: Variante "Atrapa Notas" con las notas Sol, Mi y La.
  • solmilado.html: Variante "Atrapa Notas" con Sol, Mi, La y Do grave.
  • memory.html: tablero "Memory de Instrumentos" con modo 1 o 2 jugadores.
  • css/: estilos (style.css).
  • js/: scripts (app.js, game.js, memory.js).
  • assets/audio/: clips .ogg libres para los sonidos de instrumentos.
  • manifest.json y service-worker.js: configuración PWA y caché.

Actividad 2: Juego "Atrapa Notas"

  • solmi.html y game.js: Juego tipo arcade para atrapar notas "Sol" y "Mi".
  • solmila.html reutiliza game.js con un modo que añade la nota "La".
  • solmilado.html reutiliza game.js añadiendo también la nota "Do" grave con líneas adicionales.
  • memory.html implementa el tablero "Memory de Instrumentos" con modo 1 o 2 jugadores y dos conjuntos de instrumentos (base y orquesta clásica).
  • Controles: flechas izquierda/derecha o arrastrar en móvil.
  • Objetivo: atrapar la nota en la mitad correcta de la barra (izquierda = Sol, derecha = Mi). Vidas: 3.

Cómo ejecutar

Abre index.html en tu navegador. Para instalar como PWA, accede desde un servidor local.

Este archivo se actualizará conforme se agreguen nuevas actividades y funcionalidades.

Ranking autoalojado (API REST + SQLite)

El ranking usa localStorage por defecto para que cada dispositivo mantenga sus puntuaciones. El ranking compartido se sirve desde una API REST propia (edumusic.edutictac.es/api/), que sustituye a Firebase Firestore (proyecto edumusic-f67e0, retirado 2026-09).

  • El cliente (js/score-service.js) habla con la API vía fetch y mantiene un fallback local en caso de perder conexión.
  • La URL de la API se puede sobreescribir con window.EDUMUSIC_API_BASE o ScoreService.setApiBase('...') (por defecto /api, mismo origen).
  • El backend es un microservicio FastAPI + SQLite. Código en el repo Edutictac/edumusic-api (GitHub y Forgejo).