Portafolio de María Sandoval

Portafolio de María Sandoval

Perfil profesional de María Sandoval

Retrato de María Sandoval

Frontend Developer & UX/UI

Desarrolladora Frontend enfocada en crear páginas web, sistemas administrativos y aplicaciones móviles.

Desarrollo interfaces funcionales, responsivas y accesibles. Trabajo con Vue, React, Angular, Next.js, Flutter, JavaScript y TypeScript; también integro APIs, pruebas, documentación, control de versiones y despliegues.

Cuido el rendimiento, la velocidad, el SEO, la accesibilidad y la experiencia del usuario.

Experiencia

2025 – Actualidad

Frontend Developer

Dirección General de Personal

Sistemas internos, reportes, resguardos, credencialización, SIGAP, Kepler, portal de servicios, Next.js y monorepo.

2022 – 2025

Frontend Web y Móvil

CONALEP

Aplicaciones de asistencia, credencialización y plataformas institucionales con Vue, React, Angular y Flutter.

2021 – 2022

Desarrolladora Web

Waolab

Páginas web, e-commerce, branding, UX/UI, Vue, Bootstrap, HTML, CSS y JavaScript.

2019 – 2021

Desarrollo Web y Apps

YottaSoft

Web, aplicaciones móviles, sistema escolar, aplicación para periodistas y tareas de backend.

2022 – Actualidad

Frontend Freelance

Proyectos independientes

Web, sistemas internos, tiendas en línea, control escolar, caja y cotizaciones para distintos clientes.

Software / Skills

  • HTML
  • CSS
  • JavaScript
  • TypeScript
  • Vue
  • React
  • Angular
  • Next.js
  • Flutter
  • Figma
  • Git
  • APIs
  • Bootstrap
  • SEO
  • Accesibilidad
  • Responsive
  • Testing

Proyectos 2026

Diseño arquitectónico moderno junto a una piscina

Proyecto 01

Aluminio & Vidrio Instala

Diseño y desarrollo web

Una experiencia digital creada para presentar soluciones en aluminio y vidrio con claridad, confianza y una identidad visual contemporánea.

Proyecto seleccionado · 01

Aluminio y Vidrio Instala

Servicio
Diseño UX/UI y desarrollo frontend
Tecnologías y enfoque
Next.js · Diseño responsive · SEO técnico
Sitio web
aluminioyvidrioinstala.mx ↗
01

Descripción

Sitio corporativo que reúne servicios, proyectos y soluciones de aluminio y vidrio en una experiencia visual moderna. La arquitectura de contenido facilita la exploración y comunica el valor de cada servicio de forma directa.

02

Objetivo

Convertir una oferta técnica en un recorrido comercial claro: reforzar la confianza, exhibir la calidad del trabajo e impulsar solicitudes de cotización desde cualquier dispositivo mediante WhatsApp, llamada y contacto directo.

Vista completa del diseño web de Aluminio y Vidrio Instala

Proyecto 02

Dabook Art

Plataforma digital para artistas

Dabook Art es una plataforma creada para que artistas administren su presencia digital desde un mismo espacio.

Cada usuario puede publicar su portafolio, compartir contenido en un blog, ofrecer cursos, vender obras de arte y gestionar su propia tienda en línea.

Proyecto seleccionado · 02

Dabook Art

Modalidad
Proyecto freelance
Participación
Desarrollo frontend completo
Tecnología
Next.js · UX/UI · Integración de APIs
Duración y equipo
1 año · 2 personas
Sitio web
dabook.com.mx ↗
01

Mi participación

Creé la estructura visual y desarrollé las interfaces de la plataforma, incluyendo su adaptación responsiva y la integración con las APIs del backend. También trabajé en los flujos de navegación y la organización de cada módulo.

02

Trabajo en equipo

Al ser un equipo pequeño, mantuvimos una comunicación directa y constante para conectar correctamente el frontend con el backend y resolver las necesidades del proyecto.

Vista completa de los módulos y pantallas de Dabook Art
Cachorro jugando con una pelota en el parque

Proyecto 03

Patitas

Landing page para estética canina

Patitas es una landing page creada para promocionar los servicios y productos de una estética para perros.

El sitio presenta el trabajo del negocio de forma clara, atractiva y cercana, ayudando a que los visitantes conozcan sus servicios y puedan solicitar más información.

Proyecto seleccionado · 03

Patitas

Modalidad
Proyecto freelance
Participación
Diseño UI/UX y desarrollo frontend
Tecnologías y enfoque
Next.js · Diseño responsivo · Imágenes optimizadas
Funcionalidad
Formulario de contacto
Sitio web
patitasspa.com.mx ↗
01

Experiencia visual

La página utiliza imágenes llamativas para presentar los servicios de estética canina y crear una experiencia cercana y agradable. La información se organizó para conocer el negocio, revisar sus servicios y contactar fácilmente.

02

Mi participación

Me encargué del diseño UI/UX y del desarrollo frontend, cuidando la estructura visual, la adaptación móvil y la facilidad de navegación. También integré un formulario para recibir solicitudes de información.

Vista completa del diseño web de Patitas

Proyecto 04

Seguimiento de Salud

Aplicación móvil para glucosa y medicamentos

Un proyecto personal creado para ayudar a organizar mediciones de glucosa y la toma diaria de medicamentos.

La aplicación evoluciona hacia una herramienta sencilla, accesible y útil para más personas que necesitan dar seguimiento a su salud.

Proyecto seleccionado · 04

Seguimiento de Salud

Modalidad
Proyecto personal
Estado
Actualmente en desarrollo
Participación
Diseño y desarrollo móvil full stack
Aplicación móvil
Flutter · Dart · UX/UI
Backend
Python · FastAPI · APIs REST · Base de datos
Funciones
Glucosa · Medicamentos · Historial de registros
01

Origen del proyecto

La aplicación nació para ayudar a un familiar a organizar sus mediciones de glucosa y medicamentos. Centraliza los registros diarios y evita depender de notas, libretas o información dispersa.

02

Desarrollo end-to-end

Me encargué de todo el proceso: diseño UI/UX, aplicación móvil con Flutter y Dart, backend con Python y FastAPI, APIs REST, base de datos, integración, pruebas y mejora continua de los flujos.

03

Estado actual

Continúo trabajando en nuevas funciones, ajustes de usabilidad y una arquitectura más sólida para publicar la aplicación y ponerla a disposición de más personas.

Vistas de la aplicación móvil Seguimiento de Salud

Proyecto 05

Librería institucional

Sistema de diseño para aplicaciones institucionales

Una librería creada para unificar la experiencia visual de los sistemas institucionales dentro de una arquitectura monorepo.

El proyecto responde a un problema común: aplicaciones con apariencias distintas, estilos poco consistentes y componentes genéricos que dificultaban mantener una identidad uniforme.

Proyecto seleccionado · 05

Librería institucional

Modalidad
Proyecto institucional interno
Participación
Diseño y desarrollo de librería de componentes
Arquitectura
Monorepo · Design System
Tecnologías
Next.js · React · Vue · Angular · HTML
Duración y estado
Primera versión: 1 año · Actualmente en evolución
01

La propuesta

Crear una librería institucional bajo una arquitectura monorepo para que todos los sistemas compartieran la misma línea visual y reutilizaran componentes de forma rápida, ordenada y escalable.

02

Primera versión

Durante aproximadamente un año desarrollé la versión inicial, compatible con Next.js. Definí colores, tipografías, reglas de uso y componentes reutilizables como botones, textos, formularios y otras piezas de interfaz.

03

Impacto y evolución

La librería redujo diferencias visuales, mejoró la consistencia y agilizó nuevas funcionalidades. Actualmente desarrollo una versión más flexible para Vue, React, Angular y proyectos construidos únicamente con HTML.

Proyecto 06

Control institucional

Servicio social · Prácticas · Residencias profesionales

Plataforma institucional para la gestión y seguimiento integral de estudiantes.

El sistema digitaliza el proceso completo, desde el registro y control de asistencia hasta la generación del acta de liberación.

Proyecto seleccionado · 06

Plataforma de Control para Servicio Social, Prácticas y Residencias Profesionales

Modalidad
Proyecto institucional interno
Participación
Desarrollo frontend y arquitectura
Tipo
Plataforma web administrativa
Áreas técnicas
Frontend · UX/UI · Arquitectura · APIs
Funcionalidades
Roles y permisos · Reportes · Gestión documental
Calidad
Documentación técnica · Pruebas E2E · Diseño responsivo
01

Documentación y mantenimiento

El proyecto incluye documentación sobre arquitectura, estructura del código, consumo de APIs y lineamientos para futuras modificaciones, facilitando su mantenimiento y evolución.

02

Calidad y pruebas

Implementé pruebas automatizadas end-to-end para validar los principales flujos de usuario y reducir errores durante la evolución del sistema.

03

Resultado

La plataforma centraliza estudiantes, documentos, asistencias y liberaciones; reduce tareas manuales, mejora los reportes y ofrece una experiencia clara para estudiantes, responsables y administradores.

Proyecto 07

Portal de Servicios

Plataforma web y móvil para servidores públicos

Un punto de acceso digital para consultar servicios, gestionar trámites y dar seguimiento a solicitudes institucionales.

El proyecto busca acercar los servicios públicos a personas que trabajan en distintos municipios y reducir traslados innecesarios.

Proyecto seleccionado · 07

Portal de Servicios

Modalidad
Proyecto institucional interno
Estado
Actualmente en desarrollo
Participación
Diseño desde cero y desarrollo frontend web y móvil
Áreas técnicas
Frontend · Aplicación móvil · UX/UI · APIs
Enfoque
Formularios · Responsive · Accesibilidad
Funciones clave
Nómina · Información personal · Trámites · Solicitudes
01

El contexto

El sistema está pensado para servidores públicos de distintos municipios que recorren largas distancias para realizar procesos administrativos. El portal web y la aplicación móvil permitirán acceder a estos servicios desde cualquier lugar.

02

Responsabilidad web y móvil

Diseñé la propuesta visual desde cero, sin utilizar plantillas, y estoy a cargo del desarrollo frontend tanto del portal web como de la aplicación móvil. Desarrollo interfaces, flujos, formularios e integración con APIs, manteniendo una experiencia consistente, accesible y clara en ambas plataformas.

03

Objetivo esperado

Reducir traslados, tiempos de espera y procesos presenciales, especialmente para quienes viven o trabajan lejos de Toluca, facilitando trámites y seguimiento desde web y móvil.