Sobre • SavePass • Instalação • Tecnologias • Autor
Aplicação desenvolvida na trilha de React Native no bootcamp Ignite da RocketSeat. Foi um desafio proposto para consolidar os conhecimentos passados durante um dos módulos do curso.
O SavePass é uma aplicação feita em React Native cujo objetivo é armazenar senhas de diversas plataformas em um só lugar. Ao acessar o app o usuário verá a tela abaixo onde as senhas cadastradas serão exibidas:
No exemplo abaixo podemos ver que duas senhas foram cadastradas pelo usuário, sendo uma do Skype e outra do Discord:
No exemplo acima, percebe-se que ambas as senhas estão sendo exibidas pois o indicador de visibilidade está azul. O padrão seria mostrar apenas o email vinculado as contas cadastradas, conforme veremos na proxima tela.
Além do cadastro de senhas que é realizado ao clicar no botão no canto superior direito, o usuário também tem acesso a uma barra de busca para filtrar suas senhas e encontrar mais facilmente a senha que deseja:
Apesar de simples, a aplicação corresponde ao propósito dela e possui um fluxo e interface bastante simples. Para ilustrar tamanha facilidade deixarei uma demonstração do app abaixo explorando todas as funcionalidades do app:
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disto é bom ter um editor para trabalhar com o código como VSCode.
# Clone este repositório
$ git clone [email protected]:MrRioja/savepass.git
# Acesse a pasta do projeto no terminal/cmd
$ cd savepass
# Instale as dependências
$ npm install
# Caso prefira usar o Yarn execute o comando abaixo
$ yarn
# Execute a aplicação
$ yarn start
# Será aberto no terminal o menu do Expo onde poderá scanear o QR Code para executar o app diretamente no seu celular ou as opções de executar no emulador android ou iOS
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent