2

🎨Arte ou Lixo?🗑️

#CSS #JavaScript #HTML
⚡Eros Lima
⚡Eros Lima

🐛Olá poderia testar meu app pra ver se tem alguma falha (bug)?🐞


Galera eu estou finalizando um projeto em que consegui construir graças aos cursos que realizei recentemente pela DIO (Bootcamp HTML Web Developer) e outras plataformas e gostaria da sua opinião (caso possa abrir o aplicativo e me dizer qual aparelho usou e navegador para eu analisar os problemas e ir corrigindo, eu agradeço muito):


Link direto (_vercel_): 

https://dev-finances-eight.vercel.app/


GitHub: https://github.com/ErosMLima/Dev_Finances



  • O aplicativo possui áudio para Cegos (Acessibilidade), um botão de dark mode, efeitos de animação cristal no fundo e as operações de + ou - com total no final.



Desde já agradeço sua atenção, aguardo seu contato, deixem seu comentário e seu like.

8
227

Comentários (8)

1
Felipe Oliveira

Felipe Oliveira

17/02/2021 23:35

Olá,

Outro coisa que melhoraria é bloquear o botão de mudar o modo por alguns segundos após o clique, ao menos pra concluir a fala. Quando você clica diversas vezes, as falas são encadeadas. Se você clicar bem rápido várias vezes, ela fica falando umas 50x.

Outro coisa é submeter o formulário com Enter e cancelar com Esc.

1
C

Claudio Junior

17/02/2021 14:46

Ficou muito bom.

Não é nenhuma falha só que como você permite o lançamento da data talvez deixar ordenado pela mesma seria uma boa.

1
Kétsia Amin

Kétsia Amin

17/02/2021 14:01

Primeiro, parabéns pelo trabalho, o fato de você pensar na acessibilidade foi ótimo.

O design está bem atraente, as melhorias descritas por Mariana Campos são válidas e necessárias.

Como usuária senti falta de um botão de editar após registrar uma transação.


O aparelho que eu usei foi um Notebook Samsung e o navegador Google Chrome.

1
Vinícius Ferreira

Vinícius Ferreira

17/02/2021 13:10

Ficou animal, irmão!

Responsivo, clean e bem estruturado.

A única coisa que eu mudaria é o box shadow do campo "Total". Mas acho q isso é detalhe, somente.

Fora isso, ficou muito bom mesmo!

Parabéns!!!

0
⚡Eros Lima

⚡Eros Lima

17/02/2021 12:58

Tudo Anotado Mariana Campos, para eu ir arrumando ou colocar na próxima versão que será em português esta versão é somente em inglês porque ei queria testar a "Alexa".


Ótimas observações! Thanks a lot! 🙂


1
Mariana Campos

Mariana Campos

17/02/2021 12:54

Botão ilegível


o Save também pode melhorar o contraste.

1
Mariana Campos

Mariana Campos

17/02/2021 12:53

OK


Ilegível / pouco contraste



1
Mariana Campos

Mariana Campos

17/02/2021 12:52

Bom dia, Eros. Tudo bem?


Tenho pouco conhecimento nessa área, mas tenho uma pequena experiência na área de design (tenho cursos na área de ux/ui design) e algumas coisas que identifiquei:


  • Quando muda para o dark mode, as fontes continuam com as mesmas cores, onde fica: Description/Value/Date fica quase ilegível, seria interessante mudar a cor.
  • Seria interessante colocar tudo em português, a não ser que o público fale inglês.
  • Ao incluir uma nova transação, o botão "cancel" precisa ser melhorado. O vermelho no fundo fica ilegível, o contraste não está muito bom.
  • Na hora de incluir nova transação, seria interessante especificar o que é entrada e saídas. Não tem essa opção, sendo necessário colocar o valor negativo para saídas. Para muitas pessoas isso não ficaria óbvio.


Acho que foi isso que identifiquei!


Para verificar a questão de contraste, eu utilizo este site: https://contrastchecker.com/

é só colocar os códigos #hex da fonte e do background e ele fala se está bom ou não.


Jr.👨‍💻Full-Stack Developer - JavaScript | React.js | Next.js | Angular | Node.js | Python | .NET | C# | Scientific Researcher | DevSecOps | Cyber Sec. Enthusiast

Brasil