Disponible para colaborar

Portafolio de Guadalupe Villasana

~/whoami

> Rol:

Sobre mí

Ingeniera en Tecnologías de la Información con enfoque en desarrollo Fullstack. Trabajo en la construcción de sistemas completos: modelado de datos, diseño de APIs y desarrollo de interfaces modernas y eficientes.

Mi prioridad es entregar software funcional, accesible y optimizado, cuidando tanto la arquitectura como la experiencia del usuario. Me caracteriza la atención al detalle, el liderazgo técnico y el aprendizaje constante.

Ubicación: México (UTC-6) · Disponible para modalidad presencial, remota o mixta

about.json
{
"name": "Guadalupe Villasana",
"degree": "Ingeniería en TI (UPV)",
"role": "Desarrolladora Fullstack (Frontend + APIs + BD)",
"mindset": ["funcional","accesible","estético"],
"strengths": ["liderazgo","atención al detalle","aprendizaje continuo"],
"stack": ["Astro","React","Angular","Tailwind","GSAP","Node",".NET/C#","SQL Server","MySQL","Python","FastAPI"],
"areas": ["Bases de datos","APIs","Frontend","UI/UX"],
"location": "MX (UTC-6)",
"email": "vireyguadalupe@gmail.com"
}
/*
 * ✨ Perfeccionista con ojo al detalle y calidad.
 * 🧭 Disfruto guiar equipos, tomar decisiones y destrabar problemas.
 * 💡 Siempre aprendiendo y puliendo procesos para entregar mejor.
 */
      

Tecnologías

Tecnologías con las que construyo, cómo trabajo y lo que aporto al equipo.

Stack

  • Astro

    Stack

  • React

    Stack

  • Angular

    Stack

  • Tailwind CSS

    Stack

  • TypeScript

    Stack

  • JavaScript

    Stack

  • Node.js

    Stack

  • .NET / C#

    Stack

  • Python

    Stack

  • FastAPI

    Stack

  • C

    Stack

  • C++

    Stack

  • Visual Basic (VB)

    Stack

  • GSAP

    Stack

Herramientas y plataformas

  • SQL Server

    Familiar

  • MySQL

    Familiar

  • Git

    Familiar

  • GitHub

    Familiar

  • Bitbucket

    Familiar

  • Bootstrap

    Familiar

  • SCSS

    Familiar

  • APIs REST

    Familiar

  • Swagger

    Familiar

  • DigitalOcean

    Familiar

Prácticas y métodos

  • Rendimiento (LCP/CLS/TBT)
  • Accesibilidad (WCAG)
  • Microinteracciones con GSAP
  • Mobile-first y a11y-first
  • Colaboración UI/UX (handoff con diseño)
  • CI/CD y pruebas básicas
  • Buenas prácticas en APIs (validación, errores y seguridad)

Herramientas de diseño

  • Figma

  • Adobe XD

  • Photoshop

  • Illustrator

/*
 * Habilidades blandas
 * - Liderazgo y toma de decisiones
 * - Comunicación clara
 * - Trabajo en equipo
 * - Atención al detalle
 * - Aprendizaje continuo
 * - Gestión del tiempo
 */
        

Proyectos destacados

Casos donde combiné rendimiento, accesibilidad y micro-interacciones.

Institucional

Conóceles 2024

Proyecto integral para captura y publicación de información electoral. Participé en todo el ciclo de vida y coordinación técnica.

  • Angular 17
  • C#
  • SQL Server
  • WebForms
  • Figma
FullstackLiderazgoInstitucional
Institucional

Portal Institucional

Mejora integral del portal: estructura, UX, SEO y rendimiento, acompañado de un sistema admin de contenidos.

  • Angular 20
  • C# API
  • SQL Server
  • SCSS
  • TypeScript
SEOPerformanceArquitectura
Freelancer / Investigación

Hack Mate

Plataforma educativa con app + web + API + BD + servidor, enfocada en aprendizaje matemático y métricas de mejora.

  • Angular 21
  • Tailwind
  • FastAPI
  • MySQL
  • DigitalOcean
  • Figma
FullstackDevOpsProducto
Institucional

Conóceles 2025

Evolución del sistema Conóceles para elección extraordinaria, con stack moderno y API REST.

  • Angular 19
  • C#
  • API REST
  • SQL Server
  • Figma
FullstackModernizaciónInstitucional
Institucional

Conteos Censales

Visualización estadística por rangos de edad, género y regiones para analizar participación ciudadana.

  • Angular 21
  • Python
  • SQL Server
  • Bootstrap
  • Figma
DataDashboardsInstitucional
Institucional

Portal de Juegos Infantiles

Portal institucional con juegos interactivos para acercar conceptos de democracia a niñas y niños.

  • Angular 20
  • SCSS
  • Bootstrap
UXEducativoInstitucional

Envíame un mensaje

Cuéntame qué necesitas y te digo cómo lo resolvería.