Amar es Adoptar

Empresa: Agencia Digital de Innovación Pública

Rol: Lead Frontend Developer

Stack: React, TailwindCSS, JavaScript

Amar es Adoptar

El catálogo de los perritos rescatados que la SEDEMA tiene en adopción. Quién está disponible, cómo es cada uno y la solicitud entera desde el teléfono.

Qué resuelve

Los perritos están en el refugio de Cuajimalpa y la única forma de conocerlos era ir hasta allá. Ahora se ven todos con su ficha —sexo, tamaño, edad, energía, vacunas— y se filtran por lo que cada quien puede sostener en su casa.

Catálogo de perritos — El catálogo, con filtros por tamaño, edad y nivel de energía

La ficha de cada uno

Un perro no es un renglón de una tabla. La ficha lleva su historia, su estado de salud y si está adoptable, porque de eso depende que alguien se decida.

Ficha de un perrito — Historia, salud y energía, que es lo que dice si encaja en una casa

::two-columns split="50-50"::

Lo que hice

Líder de frontend. Toda la interfaz en React: el catálogo con sus filtros, la ficha, el formulario de adopción por secciones y el diseño.

::column-break::

Lo que importaba

Que el formulario no espantara. Es una adopción, no un trámite: pide lo justo, explica por qué lo pide y avisa desde el principio de que llenarlo no garantiza el perrito.

::/two-columns::

Solicitud de adopción — La solicitud: quién eres, dónde vives y cómo vas a cuidarlo

Stack

React con TailwindCSS contra la API del refugio, y el captcha de la ciudad en el envío de la solicitud.