Red social básica

Desarrollé una red social funcional que permite publicar fotos y videos, interactuar mediante likes y comentarios, y buscar usuarios o contenido dentro de la plataforma. Implementé actualizaciones en tiempo real y un sistema de carga continua en el feed para lograr una experiencia fluida y dinámica. Este proyecto fortaleció mi comprensión sobre la gestión de estado, sincronización de datos y comportamiento de aplicaciones que requieren interacción constante entre usuarios.

SKILLS

Supabase

Zustand

TanStack Query

TypeScript

PostgreSQL

React

React Router

TailwindCSS

Zod

Imagen del proyecto Red social básica

LO QUE APRENDÍ

Gestionar estado global de forma limpia y escalable usando Zustand.
Manejar sincronización de datos y caché con TanStack Query.
Integrar Supabase para autenticación, base de datos y almacenamiento.
Diseñar la estructura de tablas en PostgreSQL pensando en relaciones y eficiencia.
Implementar actualizaciones en tiempo real mediante triggers, listeners y funcionalidades reactivas.
Conectar correctamente frontend y backend para un flujo fluido de publicaciones, likes y comentarios.

RETOS ENFRENTADOS

Configurar triggers en PostgreSQL/Supabase para lograr actualizaciones automáticas sin refrescar la página.
Mantener los datos sincronizados en tiempo real sin duplicados ni estados inconsistentes.
Diseñar una base de datos escalable para posts, usuarios, likes y comentarios.
Integrar múltiples tecnologías (Zustand, TanStack Query, Supabase) sin generar conflictos entre estados y peticiones.
Implementar infinite scroll con TanStack Query sin romper la paginación y manteniendo la experiencia fluida.