palhanor / qr-key

Aplicativo voltado para a criação e leitura de QR Codes criptografados protegidos por senha.

QR-Key

Aplicativo voltado para a criação e leitura de QR Codes criptografados protegidos por senha.

qr-key's Issues

Usar um sistema de validação para entrada

Criar um sistema de validação para a entrada no app, podendo ser uma senha, um PIN ou o uso da autenticação do próprio smartphone.

Esta feature será mais importante qual implementado o sistema de armazenamento de senhas e mensagens nativamente.

Padronizar o estilo do projeto de acordo com o Style Guide

Criar sistemas de rotas de retorno para a tela inicial

Pode ser feito através da estilização do header do Stack.Navigator
https://reactnavigation.org/docs/stack-navigator/#screenoptions
https://reactnavigation.org/docs/elements/#header

Corrigir os erros de tipagem dentro dos arquivos do projeto

Especificamente dentro do sistema de navegação

Criar sistema de compartilhamento do QR Code com outras redes

Links de suporte

Outros
https://dev.to/majiyd/react-native-series-how-to-save-or-share-react-native-component-as-an-image-5gd3
https://www.itechinsiders.com/how-we-share-the-images-in-react-native/

Expo
https://docs.expo.dev/versions/latest/sdk/sharing/
https://docs.expo.dev/versions/latest/sdk/filesystem/
https://forums.expo.dev/t/how-to-share-images-of-the-form-data-uri-scheme-within-expo-managed-workflow/38089
https://forums.expo.dev/t/share-base64-with-expo-sharing/37082
https://forums.expo.dev/t/how-to-share-images-of-the-form-data-uri-scheme-within-expo-managed-workflow/38089/3

StackOverflow
https://stackoverflow.com/questions/46295905/react-native-share-image
https://stackoverflow.com/questions/51269475/how-to-share-generated-qr-code-in-react-native
https://stackoverflow.com/questions/72365270/share-qr-react-native
https://stackoverflow.com/questions/61533273/convert-base64-to-png-and-save-in-the-device-react-native-expo
https://stackoverflow.com/questions/53423855/share-images-and-files-on-react-native-using-expo
https://stackoverflow.com/questions/61533273/convert-base64-to-png-and-save-in-the-device-react-native-expo
https://stackoverflow.com/questions/70776464/how-to-share-a-qr-code-image-using-expo-sharing

GitHub
https://github.com/react-native-share/react-native-share

Youtube
https://www.youtube.com/watch?v=vXzpEJeVmi8
https://www.youtube.com/watch?v=2b5C8fWfWgI
https://www.youtube.com/watch?v=lH-FS81tNAc
https://www.youtube.com/watch?v=4WPjWK0MYMI
https://www.youtube.com/watch?v=3HkHDjLkqRo
https://www.youtube.com/watch?v=Kan8Nj_o1vU
https://www.youtube.com/watch?v=yCm-rVpCgy0
https://www.youtube.com/watch?v=YGRy12C5UVk
https://www.youtube.com/watch?v=ruaAUbekM9Q
https://www.youtube.com/watch?v=2BnTYEafRQc

Verificar se não foi possível ler a imagem e dar opção de tentar novamente

expo/expo#9139

Criar sistema de download do QR Code no formato de imagem

Links de suporte

NPM
https://www.npmjs.com/package/react-native-qrcode-svg
https://www.npmjs.com/package/react-native-share

Youtube
https://www.youtube.com/watch?v=J6qZ14Ugz7A
https://www.youtube.com/watch?v=4WPjWK0MYMI
https://www.youtube.com/watch?v=3HkHDjLkqRo

GitHub
https://github.com/gre/react-native-view-shot
awesomejerry/react-native-qrcode-svg#13
awesomejerry/react-native-qrcode-svg#116
awesomejerry/react-native-qrcode-svg#147

Outros
https://dev.to/majiyd/react-native-series-how-to-save-or-share-react-native-component-as-an-image-5gd3

StackOverflow
https://stackoverflow.com/questions/54665267/how-to-save-download-generate-qrcode-inn-react-native
https://stackoverflow.com/questions/61533273/convert-base64-to-png-and-save-in-the-device-react-native-expo

Adicionar um contador e limitador de caracteres para titulo e texto

Evitar textos muito grandes que possam gerar QR Codes difíceis de ler

Verificar se a senha foi válida, e caso contrário, dar a chance de tentar novamente

Usar um componente Alert para avisar que a senha inserida foi errada, e após o usuário fechar deve poder tentar novamente.

Criar sistema de persistência de dados para senhas e mensagens

Usar o SQLite

Permitir que o usuário possa fazer o armazenamento das senhas usadas para criptografar ou descriptografar as mensagens, assim como as mensagens que foram criptografadas (em formato QR Key) e as que foram descriptografadas (em formato de texto).

Link de suporte
https://www.youtube.com/watch?v=PRGHWgTydyQ

Resolver o problema de erro com a importação da imagem

A imagem da logo está dando problema quando importada

Criar sistema de copiar a mensagem que foi descriptografada

Bem simples: https://github.com/react-native-clipboard/clipboard#readme

Melhorar a experiência de uso com a digitação dentro dos campos de input

Criar e configurar testes automatizados

Validar se é um QR Key ou um QR Code normal, e fazer o tratamento

Permitir escanear novamente quando o usuário volta da tela de exibição

Usar um botão que dispara o sistema de scan novamente
expo/expo#9139