¡Disponible para trabajar!

Missael Rangel

Desarrollador Frontend en Guadalajara, México.

Especialista en HTML, CSS, JavaScript (ES6+), TypeScript y React.

Contáctame LinkedIn

Sobre Mí

Missael Rangel

Missael Rangel 👋

Soy ingeniero en Informática por la Universidad de Guadalajara y desarrollador frontend. Diseño y construyo interfaces modernas, dinámicas y accesibles con HTML5, CSS, JavaScript (ES6+), TypeScript y React. Trabajo con Git y GitHub, aplico buenas prácticas y principios de UI/UX y diseño responsivo para entregar experiencias claras y consistentes en cualquier dispositivo. Me motiva la resolución creativa de problemas y el aprendizaje continuo para mantenerme al día, con enfoque en rendimiento, accesibilidad y código limpio. Abierto a colaborar en Guadalajara, en remoto y con equipos internacionales.

Proyectos

Develop - Landing Page

Develop - Landing Page

HTML CSS JavaScript

Landing responsiva para una agencia. Implementé menú móvil off-canvas con submenús, navbar fija en scroll y modo oscuro cargado bajo demanda. CSS con variables y convención BEM; JS modular (menu-mobile, navbar-fixed, dark). Animaciones sin reflujo (transform/opacity) y cuidado de SEO/A11y (alts, labels y jerarquía de encabezados).

Gamer - Portal de Noticias

Gamer - Portal de Noticias

HTML CSS JavaScript

Portal de noticias con navegación multinivel (desktop + móvil), marquesina continua, sliders/carruseles y módulo de video. BEM + variables CSS; JS modular (toggle de búsqueda, marquesina con rAF y menú móvil con ARIA). Medios con lazy-loading, encabezados semánticos y mejoras de A11y (roles, aria-expanded, focus).

Carrito de Compras

Carrito de Compras

TypeScript React Bootstrap

Demo e-commerce con carrito en React + TypeScript. Lógica en un custom hook (useCart): añadir, eliminar y ajustar cantidades con límites (1-5), persistencia en localStorage y estado derivado con useMemo (isEmpty, total). Grilla basada en Flexbox; dropdown del carrito solo con CSS. Vite + SWC para dev rápido.

Calculadora de Propinas

Calculadora de Propinas

TypeScript React TailwindCSS

App de restaurante para armar el pedido desde un menú, elegir propina (10%, 20%, 50%) y ver subtotal, propina y total en tiempo real. La lógica vive en un custom hook (useOrder) que gestiona agregar/incrementar/eliminar/resetear la orden. Totales derivados con useMemo; el botón de guardar se deshabilita cuando el total es 0. Inputs de propina controlados, formateo con Intl.NumberFormat y separación clara entre componentes (MenuItem, OrderContents, TipPercentageForm, OrderTotals).

¿Listo para dar vida a tus ideas?

Puedo impulsar tu proyecto o formar parte de tu equipo.