-
Referencia
- https://fernandafamiliar.soy/
- Descargué y utilicé archivos de la referencia
-
API
- Utilicé el endpoint que mostraba los posts y el endpoint de los autores
- Algunos valores de tipo “string” incluían tags y elementos de código, usé el paquete “html-react-parser” para poder renderizar correctamente dichos valores
-
Estructura de la página
- Hasta arriba puse un banner basado en la referencia
- Debajo puse una tarjeta por cada post (renderizadas de forma dinámica)
- Al hacer click en cualquier post → Vista a detalle (también renderizada de forma dinámica)
-
Estilos
- Mobile first: Trabajé desde el inicio con una ventana responsiva para asegurar compatibilidad móvil
- Usé Tailwind CSS para mayor eficiencia
- Incluí animaciones fade-in para cuando se monta la página
- Cada post aumenta su tamaño a la hora de pasar el cursor por encima del mismo
- Usé Daisy UI (Tailwind framework) para agregar un spinner mientras se cargan los datos de la página
-
Google Tag Manager
- Instalado en toda la página
- Agregué una propiedad “sendGTME” en las tarjetas, que indica cada que alguien hace click en alguna de ellas
- Me parece que desde mi cuenta de GTM logré hacer cierto tipo de configuración para que los datos se vean reflejados en Google Analytics, pero no estoy familiarizado con la plataforma