Volver al inicio

Clon funcional de la interfaz de Threads

Clon funcional de la interfaz de Threads construido con HTML, CSS y JavaScript puro. Consume una API REST para renderizar publicaciones dinámicamente, mostrando avatar, texto, métricas de interacción (likes, comentarios, reposts) y marca de tiempo. Incluye la capacidad de agregar nuevas publicaciones en tiempo real, priorizando una UI/UX fiel al diseño de la plataforma original.

Html

Css

Javascript

Node

Completado

2025

Categoría

Aplicación Web frontend

Tamaño del equipo

Solo
Clon funcional de la interfaz de Threads

Esta aplicación replica la experiencia visual y funcional de Threads, la red social de Meta, poniendo en práctica el consumo de datos desde una API REST para construir un feed de publicaciones completamente dinámico. Cada publicación renderizada en el feed muestra la información completa del autor — foto de perfil, nombre de usuario — junto al contenido del post, la marca de tiempo relativa y las métricas de interacción: likes, comentarios y demás estadísticas expuestas por la API. Todo esto se construye manipulando el DOM directamente con JavaScript vanilla, generando los componentes de cada tarjeta de publicación de forma programática a partir de los datos recibidos. La app también incorpora un flujo de creación de publicaciones: el usuario puede redactar y enviar un nuevo post que, tras realizar la petición correspondiente a la API, se añade al feed de forma inmediata sin recargar la página, replicando la experiencia fluida de las redes sociales modernas. El énfasis de este proyecto recae en la fidelidad visual y la experiencia de usuario: la interfaz replica fielmente la estética minimalista de Threads — tipografía, espaciado, jerarquía visual de los elementos del feed y microinteracciones — demostrando que una UI sólida no depende de frameworks de componentes, sino de un dominio preciso del CSS y la estructura del HTML. Habilidades demostradas: diseño de interfaces fieles a productos reales, consumo y mapeo de datos de API a componentes visuales, manipulación avanzada del DOM, gestión de estado del feed en el cliente y criterio de UI/UX aplicado a un producto de referencia en la industria.

DevComing Logo

2026 © Diseñado y desarrollado por Sergio Hernández . Cada línea de código, con intención y cariño.