Volver a proyectos

SavePassword

Origen

Recordar contraseñas puede volverse un problema: terminamos repitiéndolas, anotándolas en cualquier parte o restableciéndolas cada vez que las olvidamos. SavePassword nació para reunirlas en un solo lugar y hacer más sencilla su organización y consulta.

Estado
Publicado
Stack principal
Next.js · React · TypeScript · Tailwind CSS

Así funciona

Video demostrativo sin audio
Video demostrativo sin audio de SavePassword. Muestra sus principales pantallas e interacciones.

Seguridad

El acceso a la aplicación se gestiona con NextAuth y sesiones JWT. La contraseña de la cuenta se transforma con bcrypt antes de almacenarse, evitando conservarla en texto plano.

Construcción

Construí la aplicación con Next.js, utilizando Prisma para conectar la lógica del sistema con MongoDB. Sobre esta base integré rutas protegidas, manejo de sesiones, persistencia de datos y formularios validados con Zod y React Hook Form.

Funcionalidades

Incluye un generador configurable y un dashboard para organizar cada contraseña como un registro independiente. También desarrollé una sección de analíticas, un perfil con imagen gestionada mediante UploadThing y formularios que guían al usuario al crear o actualizar su información.

Tecnologías y herramientas

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • HeroUI
  • MongoDB
  • Prisma
  • JWT
  • Zod
  • React Hook Form
  • NextAuth
  • UploadThing