ShortMy - Acortador de Enlaces Completo
ShortMy fue uno de mis primeros proyectos web full-stack, concebido como un acortador de enlaces con funcionalidades completas como registro de usuarios, estadísticas y generación de QRs personalizados. Aunque actualmente archivado debido a la gestión de la base de datos, fue un proyecto clave para entender la interacción frontend-backend y construir una aplicación web desde cero.
Archivado...
El Objetivo: Construir un Acortador de Enlaces Funcional y Educativo
El desarrollo de ShortMy surgió de la necesidad de una solución que facilitara el acortamiento de enlaces y la gestión de URLs. A pesar de su archivado, ShortMy sigue siendo un gran aprendizaje, al ser uno de los primeros proyectos que desarrollé.
Tecnologías
- React
- Firebase Cloud Functions
- MySQL
Desafíos
Implementación de Registro de Usuarios
Desarrollé un sistema de registro de usuarios que permite a los usuarios acceder a estadísticas detalladas de sus enlaces acortados. Esto incluye la creación de una base de datos para almacenar la información del usuario y la implementación de un sistema de autenticación JWT para proteger los datos.
Generación de Códigos QR Personalizados
Implementé una funcionalidad que permite a los usuarios generar códigos QR personalizados para sus enlaces acortados, pudiendo añadir el logo en el centro. Esto facilita la compartición de enlaces en diferentes plataformas y mejora la experiencia del usuario.
Estadísticas de Enlaces
Desarrollé un sistema de estadísticas que permite a los usuarios registrados ver el rendimiento de sus enlaces acortados.
Interfaz de Usuario Intuitiva
Diseñé una interfaz intuitiva y atractiva, centrada en la experiencia del usuario, que facilita la navegación y la gestión de enlaces. La aplicación incluía funcionalidades como acortamiento de enlaces, generación de códigos QR personalizados y acceso a estadísticas detalladas.
Aprendizajes
Con ShortMy, adquirí experiencia práctica en el desarrollo web full-stack con React y Node.js. Aprendí sobre la gestión de bases de datos de usuarios, autenticación JWT, y la implementación de características como la generación de códigos QR. Fue un proyecto fundamental para asentar mis conocimientos iniciales en la creación de aplicaciones web completas.