Skip to content

HugoAleOlguin/TalentIA

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎓 TalentIA

Plataforma de Pasantias Educativas — DGE Mendoza

Logotipo

Estado Hackathon Mendoza HTML CSS JS


TalentIA conecta empresas que necesitan pasantes con universidades que tienen alumnos disponibles. Todo dentro del marco legal de la Dirección General de Escuelas de Mendoza.

Problema · Solución · Arquitectura


🔴 Problema

En Mendoza, el proceso de pasantías tiene fricciones reales:

Lado Problema
Empresas No saben cómo contactar al coordinador de pasantías de una universidad. Pierden tiempo buscando por su cuenta.
Universidades No tienen visibilidad de qué empresas de la provincia están buscando pasantes ahora mismo.
Alumnos Se quedan sin oportunidades porque la información no llega o llega tarde.
DGE Los trámites de convenios y anexos se hacen en papel, generando demoras y errores.

"La empresa quiere pasantes, la universidad tiene alumnos, pero no se encuentran."


💡 Solución

TalentIA es una plataforma web donde:

┌──────────────┐                              ┌──────────────────┐
│              │   1. Publica qué necesita     │                  │
│   EMPRESA    │ ──────────────────────────▶   │    PLATAFORMA    │
│              │                               │    TalentIA      │
└──────────────┘                               │                  │
                                               │  ✅ Match        │
┌──────────────┐   2. Ve las búsquedas y       │  ✅ Convenio     │
│              │      se conecta               │  ✅ Firma digital│
│ UNIVERSIDAD  │ ──────────────────────────▶   │  ✅ Seguimiento  │
│              │                               │                  │
└──────────────┘                               └──────────────────┘

Flujo en 4 pasos

Paso Acción Quién
1 La empresa publica qué tarea necesita cubrir y en qué departamento de Mendoza Empresa
2 La universidad ve la búsqueda y manifiesta interés institucional Universidad
3 El sistema genera el convenio oficial (anexo) con los datos de ambas partes Automático
4 Firman digitalmente y la universidad coordina qué alumnos van Ambos

🖥️ Demo

Portal Universidad — "¿Qué empresas buscan pasantes?"

El coordinador de pasantías de la universidad puede:

  • 📊 Ver métricas en tiempo real (empresas buscando, convenios activos, anexos pendientes)
  • 🔍 Buscar empresas por tarea y filtrar por departamento de Mendoza
  • 📨 Conectarse con una empresa enviando datos institucionales
  • 📄 Firmar digitalmente los convenios generados por el sistema
  • 📥 Descargar los anexos en PDF

Portal Empresa — "Necesito pasantes pero no sé a quién contactar"

La empresa puede:

  • ✏️ Publicar qué tarea necesita cubrir
  • 📍 Indicar en qué departamento de Mendoza se ubica
  • 🔔 Recibir solicitudes de universidades interesadas
  • ✍️ Firmar el convenio cuando ambas partes acuerden

🏗️ Arquitectura

TalentIA/
├── index.html          ← Landing page institucional DGE
├── pasantias.html      ← Selector de rol (Universidad / Empresa)
├── universidad.html    ← Panel del coordinador universitario (100% funcional)
├── empresas.html       ← Panel de la empresa
├── styles.css          ← Sistema de diseño centralizado (tokens DGE)
└── README.md

Stack Tecnológico

Tecnología Uso
HTML5 Estructura semántica
CSS3 (Vanilla) Diseño institucional con variables CSS, sin frameworks
JavaScript (Vanilla) Lógica interactiva: tabs, búsqueda en tiempo real, modales, firma
Font Awesome 6 Iconografía consistente
Google Fonts (Roboto) Tipografía institucional

Sistema de Diseño

El proyecto usa tokens de diseño institucionales basados en los portales oficiales de la DGE:

/* Colores institucionales */
--primary-blue:     #003366;   /* Azul DGE */
--accent-yellow:    #fabb00;   /* Amarillo institucional */
--success-green:    #2e7d32;   /* Estados activos */
--warning-orange:   #e65100;   /* Pendientes */
--danger-red:       #c62828;   /* Urgentes */

/* Sin gradientes, sin sombras exageradas, sin emojis en la UI */

⚡ Funcionalidades Implementadas

Panel Universidad (universidad.html)

Feature Estado Descripción
Navegación por tabs 4 secciones sin recarga de página
Métricas animadas Contadores que suben de 0 al valor real
Métricas clickeables Click en una métrica lleva al tab correspondiente
Buscador en tiempo real Filtra cards mientras escribís, sin botón
Filtro por departamento Select con departamentos reales de Mendoza
Cards de oportunidades Con icono de industria, descripción y botón
Conectar con empresa Modal institucional (carrera, alumnos, mensaje)
Cards de convenio Stats de alumnos asignados y tareas cubiertas
Firma digital Modal con preview → cambia estado en tabla
Descarga PDF Botón visible en anexos firmados
Responsive Adaptado a tablets y móviles

📍 Cobertura Geográfica

El sistema cubre la Provincia de Mendoza y sus departamentos:

Departamento Zona
Capital Gran Mendoza
Godoy Cruz Gran Mendoza
Guaymallén Gran Mendoza
Las Heras Gran Mendoza
Luján de Cuyo Gran Mendoza
Maipú Gran Mendoza
San Rafael Sur

🚀 Cómo Ejecutar

# Clonar el repositorio
git clone https://github.com/tu-usuario/TalentIA.git

# Abrir en el navegador (no requiere servidor)
# Opción 1: Doble click en index.html
# Opción 2: Live Server desde VS Code
# Opción 3:
cd TalentIA && python -m http.server 8080

No se necesita Node.js, npm, ni ningún build. Todo funciona con archivos estáticos.


👥 Equipo

Proyecto desarrollado para la Hackathon 2026 — Dirección General de Escuelas, Mendoza.


Hecho con ❤️ en Mendoza, Argentina

DGE

About

Proyecto Hackathon Mendoza 2026

Resources

Stars

Watchers

Forks

Contributors

Languages

  • HTML 61.0%
  • CSS 39.0%