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.
Completado
2025Categoría
Aplicación Web frontendTamaño del equipo
Solo
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.