🏫 Portal I.E. N° 21601 Jorge Basadre (Casapalca): Primera Edición del Portal Institucional

🏫 Portal I.E. N° 21601 Jorge Basadre (Casapalca) — Primera Edición

Portal Web Institucional Pionero Desarrollado con Astro y Tailwind

portal-ie-21601 fue el primer portal web oficial completo desarrollado para la Institución Educativa N° 21601 “Jorge Basadre Grohmann”, ubicada en el asiento minero de Casapalca, Chicla, Huarochirí (Lima). Su objetivo fue democratizar el acceso a la información educativa para una comunidad andina de alta montaña, ofreciendo transparencia en matrículas y acceso digital a documentos directivos.

• 💻 Repositorio GitHub: github.com/Alecwce/portal-ie-21601 (Privado)
• 🛠️ Stack: Astro + Tailwind CSS + PNPM + Content Collections

---

✨ Estructura y Módulos Institucionales

flowchart TD
    Comunidad([👨‍👩‍👧 Comunidad Educativa Casapalca]) <--> Web["🏫 Portal Web I.E. 21601\n(Astro + Tailwind CSS)"]
    Web --> Info["📌 Historia y Misión\n(Reseña de la institución en Casapalca a más de 4,000 msnm)"]
    Web --> Niveles["🎒 Niveles Académicos\n(Inicial • Primaria • Secundaria)"]
    Web --> Docu["📄 Documentos Institucionales\n(Directivas del MINEDU, cronogramas de matrícula)"]
    Web --> Fotos["📸 Vida Escolar\n(Desfiles, actividades cívicas y ferias de ciencias)"]

1. Adaptabilidad a Conectividad Limitada:
   • Diseñado para cargar con alta velocidad incluso en conexiones móviles de baja cobertura mediante generación estática pura (SSG) de Astro.
2. Repositorio Documentario Integrado:
   • Sección dedicada en documentos para que directores y docentes pudieran compartir circulares y normas de convivencia escolar.
3. Evolución Tecnológica:
   • Sirvió como base de experiencia de usuario que posteriormente evolucionó en el portal modernizado 2026.

---

🛠️ Stack Tecnológico

Módulo	Herramienta	Rol
Framework Base	Astro	Generador de sitios ultra ligeros sin sobrecarga de JS
Estilos	Tailwind CSS (tailwind.config.mjs)	Maquetación responsive con identidad visual escolar
Gestor de Paquetes	PNPM (pnpm-lock.yaml)	Manejo eficiente de almacenamiento de dependencias

---

🔗 Relación con Otros Proyectos

• 🏫 Evolución: Versión anterior directa del portal institucional I.E. Jorge Basadre 2025.
• 📊 MOC de Proyectos: Documentado en Proyectos Privados.