🔐 do-safe - Generador de Contraseñas y Frases Seguras

🚀 Descripción

do-safe es un generador de contraseñas seguras y frases aleatorias desarrollado en React + TypeScript con TailwindCSS. Permite a los usuarios generar contraseñas altamente seguras o frases memorables con una estructura natural.

🔹 Características Principales:

• ✅ Genera contraseñas seguras con opciones personalizables.
• ✅ Genera frases seguras combinando palabras en español con números y símbolos.
• ✅ Diseño responsivo y modo oscuro con TailwindCSS.
• ✅ Copiar al portapapeles con un solo clic y notificación toast.
• ✅ Gestión de estado global con Context API.
• ✅ Pruebas unitarias y de integración con Vitest y React Testing Library.

📌 🔗 DEMO en Netlify
📌 📂 Repositorio en GitHub

---

🎨 Capturas de Pantalla

📌 Generador de Contraseñas

📌 Generador de Frases Seguras

---

🛠 Tecnologías Utilizadas

Tecnología	Uso
⚛️ React	Desarrollo del frontend
📜 TypeScript	Tipado estático y seguridad
🎨 TailwindCSS	Estilos modernos y modo oscuro
🌐 Context API	Manejo de estado global
🔥 React Hot Toast	Notificaciones visuales
🧪 Vitest	Pruebas unitarias y de integración
🚀 Vite	Entorno de desarrollo rápido
🌎 Netlify	Despliegue en producción

---

📂 Estructura del Proyecto

do-safe/
│── src/
│   ├── components/         # Componentes reutilizables
│   ├── context/            # Context API para manejar el estado global
│   ├── hooks/              # Custom hooks (usePassword.ts)
│   ├── utils/              # Funciones auxiliares (generatePassword)
│   ├── data/               # Palabras para generar frases seguras (words.json)
│   ├── tests/              # Pruebas unitarias y de integración
│   ├── App.tsx             # Componente principal
│   ├── main.tsx            # Punto de entrada del proyecto
│── public/                 # Archivos estáticos
│── package.json            # Dependencias y scripts
│── README.md               # Documentación