PassGen 🔐

Gerador de senhas seguras com interface clean e funcionalidades avançadas.

URL: passgen.autonomousclara.com

Funcionalidades

• Geração Segura: Usa crypto.getRandomValues() para geração criptograficamente segura
• Personalizável: Ajuste tamanho (8-64 caracteres) e tipos de caracteres
• Indicador de Força: Calcula entropia e mostra força visual da senha
• Histórico: Últimas 5 senhas geradas (apenas na sessão)
• 100% Client-Side: Nenhuma senha é enviada para servidor
• Mobile Responsive: Interface otimizada para todos os dispositivos

Stack

• Framework: Next.js 16 (App Router)
• Linguagem: TypeScript
• Styling: Tailwind CSS v4
• Deploy: Vercel

Desenvolvimento

# Instalar dependências
pnpm install

# Rodar desenvolvimento
pnpm dev

# Build para produção
pnpm build

# Lint
pnpm lint

Abra http://localhost:3000 para ver o resultado.

Estrutura do Projeto

passgen/
├── app/
│   ├── layout.tsx          # Layout com metadata completa
│   ├── page.tsx            # Landing page
│   ├── generate/
│   │   └── page.tsx        # Gerador principal
│   ├── globals.css         # Estilos globais + dark mode
│   ├── sitemap.ts          # Sitemap para SEO
│   ├── robots.ts           # Robots.txt
│   └── opengraph-image.tsx # Open Graph image dinâmica
├── components/
│   ├── PasswordDisplay.tsx # Exibe senha + botão copiar
│   ├── PasswordOptions.tsx # Slider + toggles de opções
│   ├── StrengthMeter.tsx   # Barra visual de força
│   ├── PasswordHistory.tsx # Histórico de senhas
│   └── ui/
│       ├── Button.tsx
│       ├── Card.tsx
│       ├── Slider.tsx
│       └── Toggle.tsx
└── lib/
    ├── constants.ts        # Conjuntos de caracteres
    ├── generator.ts        # Lógica de geração (crypto)
    └── strength.ts         # Cálculo de força/entropia

Segurança

• ✅ Web Crypto API (crypto.getRandomValues())
• ✅ Nenhuma senha enviada para servidor
• ✅ Sem persistência (exceto sessionStorage para histórico)
• ✅ Sem autenticação ou tracking

SEO

• Metadata completa (title, description, keywords)
• Open Graph tags para redes sociais
• Sitemap.xml e robots.txt
• Structured data

Licença

MIT