Generador y Comprobador de Contraseñas

astro react typescript tailwindcss

Vista previa de la aplicación

Descripción general

Esta aplicación web está diseñada para ayudar a los usuarios a crear contraseñas seguras y verificar su fortaleza. Construida con Astro, React, TypeScript y TailwindCSS, ofrece una interfaz intuitiva y moderna con modo oscuro.

Características principales

  • 🔐 Generador de contraseñas – Personaliza la longitud y el tipo de caracteres (mayúsculas, minúsculas, números, símbolos).
  • 👁️ Comprobador de contraseñas – Evalúa la fortaleza de la contraseña ingresada en tiempo real, mostrando los requisitos que cumple o no.
  • 🎨 Diseño moderno con modo oscuro – Interfaz atractiva y cómoda para el usuario.
  • ⚛️ Interactividad con React – Actualización dinámica sin recargar la página.
  • 📏 Control de longitud – Barra deslizante para ajustar la cantidad de caracteres de la contraseña generada.

Tecnologías usadas

  • Astro – Para la estructura y optimización del sitio.
  • React – Para la gestión dinámica y componentes interactivos.
  • TypeScript – Para un código más seguro y mantenible.
  • TailwindCSS – Para estilos rápidos y consistentes con soporte para modo oscuro.

Esta herramienta refleja mi capacidad para construir aplicaciones front-end interactivas, centradas en la experiencia del usuario y la seguridad.