Proyecto de ejemplo: calendario web. Los archivos CSS deben generarse exclusivamente compilando los SCSS. No se incluyen archivos CSS compilados.
Estructura principal:
index.html— interfaz del calendario (inicia en Octubre 2025).scss/— parciales ystyles.scss(entrypoint).js/calendar.js— lógica para render y persistencia en localStorage.css/— carpeta objetivo donde colocarás el CSS compilado (no incluida aquí).
Compilar SCSS a CSS (ejemplo usando dart-sass):
PowerShell (Windows):
# instala sass si es necesario (requiere npm):
# npm install -g sass
# compilar todos los scss en la carpeta scss/ a css/styles.css
sass --no-source-map scss/styles.scss css/styles.css
# o compilar con watch para desarrollo
sass --no-source-map --watch scss:cssAsegúrate de que el resultado esté en css/styles.css porque index.html lo referencia.
Probar localmente:
- Abre
index.htmlen el navegador (para mejor comportamiento con módulos/archivos, sirve la carpeta con un servidor estático).
Sugerencia rápida (PowerShell con Python si lo tienes):
# desde la raíz del proyecto
python -m http.server 8000
# luego abre http://localhost:8000Notas:
- El CSS no está incluido en el repositorio por requerimiento del proyecto (será generado por ti).
- El calendario guarda avisos por día en
localStoragecon la clavenotes:YYYY-MM-DD.