The SavePass is an app to manage your passwords in a safe away, is easy to use focusing on the user experience with visual helps to understand what is happening in the moment.
Clean design, soft colors, and rounded shapes to be accepted for all age groups, because all need to remember your password, interesting features, dark mode to health your eyes, password generate that can generate very safe passwords for you and customizable and a password list backup (coming soon) further that you can give me constructive criticism or feature suggestions to add to app.
The app was developed with react native and the expo framework, it makes the process of building the app easier and fast because I do not need to develop for two platforms (iOS and android), additionally to the expo I used the typescript to help the organization and maintenance of the code
- Password Detail screen
- Delete and exclude password
- Welcome screens
- Pin and Finger Print password to lock the app
- Upgrade the design and user experience
- String and array operations
- Form validation with Yup
- Form management with Hook “useForm( )”, improve the performance of the forma form, decreasing the refresh rate
- AsyncStorage Library to save the user data and passwords
- Personalized Alerts and Modal Library
- Finger Print password validation
- npm | yarn
- React Native
- Expo
-
Clone the repo
https://github.com/reciokaue/ignite-savepass.git
-
Install NPM packages using yarn or npm
yarn
npm install
-
Run the app
expo start
O funcionamento do app é simples, caso queria ver o fluxo de funcionamento de forma visual acesse o layout clique aqui.
No primeiro uso o aplicativo mostra uma apresentação e de da as opções de trancar ou não seu app, selecionando a opção "sim", você sera levado para a tela de adicionar uma senha, caso escolha a opção "não", vai ser redirecionado diretamente para a tela inicial do aplicativo, após o este processo inicial caso tenha adicionado a senha ela sera requirida toda vez ao entrar no app.
O botão em cor azul, localizado na parte inferior direita do aplicativo te leva para a tela de adicionar uma nova senha, onde exitem as opções de, nome da serviço, e-mail utilizado, senha, e uma descrição cujo é opcional
Após adicionar suas senhas pode as ver na tela inicial, ao clicar no olho no lado direito dela, tera acesso a senha, caso clique no card inteiro sera levado para a tela de edição de senha
Na tela inicial você pode pesquisar uma das suas senhas adicionadas pelo nome, na caixa te texto localizada na parte superior da tela, após pressionar o botão em formato de seta aparecerão todas as senhas que contem o texto digitado
Kaue Recio - @kaue_recio - kaue.recio2@gmail.com
Project Link: https://github.com/reciokaue/ignite-savepass
Distributed under the MIT License. See LICENSE.txt
for more information.