Criando um Gerador de Senhas com React Native, Expo e TypeScript

Durante a Formação React Native Developer da DIO, desenvolvi um aplicativo simples, mas extremamente útil: um Gerador de Senhas personalizado utilizando React Native com Expo e TypeScript.

Mais do que apenas gerar senhas aleatórias, o objetivo foi aplicar conceitos fundamentais de organização, componentização e boas práticas no desenvolvimento mobile.

🎯 Objetivo do Projeto

O principal objetivo foi colocar em prática:

• Estruturação de um projeto React Native
• Separação de responsabilidades
• Componentização
• Uso de Hooks (useState)
• Tipagem forte com TypeScript
• Integração com recursos nativos (Clipboard)

🏗️ Arquitetura Aplicada

Organizei o projeto seguindo uma estrutura modular:

src/
components/
screens/
services/

📦 Components

Responsáveis apenas pela interface visual.

Exemplos:

• Logo
• Input da senha
• Configurações
• Botões
• Alertas

🖥️ Screens

Responsável por montar a tela principal.

⚙️ Services

Camada responsável pela regra de negócio (geração da senha).

Essa separação deixa o projeto mais organizado e escalável.

✅ Organização desde o início

Mesmo sendo um projeto simples, aplicar uma arquitetura organizada faz toda a diferença.

Isso prepara o código para crescer no futuro.

🚀 Possíveis Evoluções

Algumas melhorias que podem ser implementadas:

• Indicador de força da senha
• Geração criptograficamente segura
• Tema claro/escuro
• Testes unitários
• Armazenamento seguro

💡 Conclusão

Esse projeto mostrou que mesmo aplicações simples podem ser excelentes oportunidades para:

• Consolidar fundamentos
• Praticar boas práticas
• Organizar código profissionalmente
• Evoluir como desenvolvedor mobile

A Formação React Native Developer da DIO tem sido uma experiência muito enriquecedora, principalmente por incentivar a prática e a construção de projetos reais.

Repositório do projeto:

👉 https://github.com/PauloCHSouza/my-pass-generator