• Adicionar novas senhas com nome ou descrição.
• Editar senhas existentes.
• Deletar senhas.
• Armazenar dados localmente usando AsyncStorage.
• Mostrar ou ocultar senhas usando um ícone de olho.

A estrutura do projeto é organizada da seguinte forma:

├── components
│ └── Footer.jsx
├── App.js
├── package.json
├── README.md
└── yarn.lock

Para rodar o projeto localmente, siga os passos abaixo:

1. Clone o repositório:

   git clone https://github.com/seu-usuario/PasswordSaver.git
   cd PasswordSaver

2. Instale as dependências:

    Copy code
    npm install
    # ou
    yarn install
   

Para iniciar o aplicativo em modo de desenvolvimento, execute:

expo start

Siga as instruções exibidas no console para rodar o aplicativo no emulador ou dispositivo físico.

App.js

O componente principal do aplicativo. Ele contém a lógica para adicionar, editar, deletar e exibir senhas. Usa AsyncStorage para persistir dados localmente e inclui componentes de entrada, lista e botões.

• name: Armazena o nome ou descrição da senha.
• password: Armazena a senha.
• passwords: Armazena a lista de senhas salvas.
• isEditing: Indica se uma senha está sendo editada.
• editingIndex: Índice da senha que está sendo editada.
• showPassword: Controla a exibição da senha (mostrar ou ocultar).

• Footer: Exibe o rodapé da aplicação.

Os estilos são definidos usando o StyleSheet do React Native, fornecendo um design moderno e intuitivo com foco na usabilidade.

Wilker Lisboa