Proyecto de aprendizaje / Desarrollo full stack
DevTree
Idea propuesta en un curso
A partir de una idea propuesta en un curso, implementé un agregador de enlaces con perfiles públicos, autenticación JWT, imágenes en Cloudinary, búsqueda y ordenamiento de enlaces.
Contribución y alcance
Qué implementé.
Implementación de perfiles públicos y edición privada a partir de una idea de curso, con carga de imágenes y reordenamiento de enlaces.
Perfiles compartibles, búsqueda y ordenamiento drag and drop, con edición protegida y almacenamiento externo de imágenes.
Arquitectura lógica
Interfaz · React
Enlaces ordenables con dnd-kit y datos sincronizados con TanStack Query.
Servicios · Node.js
Panel privado protegido mediante JWT y contraseñas con Bcrypt.
Datos y archivos
Perfiles en MongoDB e imágenes almacenadas en Cloudinary.
Revisa el código de perfiles, autenticación y enlaces. La demo presenta el producto y el registro; este caso explica las decisiones sin requerir una cuenta.
El reto
Contexto antes que código.
Permitir que cada persona gestione una identidad pública única, ordene sus enlaces visualmente y comparta el resultado sin exponer las herramientas privadas de edición.
Decisiones técnicas
Cómo se construyó.
- 01
Modelé perfiles y enlaces en MongoDB para conservar una estructura flexible por usuario.
- 02
Protegí el panel de administración con JWT y contraseñas cifradas con Bcrypt.
- 03
Delegué el almacenamiento de imágenes a Cloudinary para no cargar archivos en el servidor de aplicación.
- 04
Implementé el reordenamiento con dnd-kit y sincronización de datos con TanStack Query.
Funciones
Implementación.
- URL pública mediante identificador único
- Carga y actualización de imagen de perfil
- Ordenamiento drag and drop
- Búsqueda de perfiles públicos
Evidencia
Qué puede revisarse.
La demo pública muestra la propuesta del producto y permite iniciar el registro. El repositorio documenta los flujos de perfil, enlaces, imágenes, búsqueda y autenticación.
Tecnologías
- React
- Node.js
- MongoDB
- JWT
- Cloudinary
- Slugify
- TanStack Query
Contacto
Hablemos de tu próximo proyecto.
Abierto a oportunidades en desarrollo de software, ciberseguridad, redes y cómputo en la nube.