/login-responsivo

A login layout made to YBOH.

Primary LanguageJavaScript

Login Responsivo

Fase 1 (HTML, CSS e JS)

Objetivo

Desenvolver uma tela de login responsiva.

Detalhes

  • Adicionar recursos para melhorar experiência do usuário.
  • Responsividade para várias telas.
  • Seguir padrões de fonte e cor da YBOH.
  • Personalidade no código (um ar um tanto descontraído).

Notas

  • Adicionei um recurso de mostrar o rótulo do campo ao receber foco (para usuários com problemas de atenção ou memória, pode ser interessante).
  • Personalizei a borda do foco com uma cor mais harmônica.
  • Criei um recurso para mostrar e esconder a senha.

Figma

Fase 2 (Vue)

Objetivo

  • Contruir o exato mesmo layout em Vue.js (mesmo nunca tendo nem tocado em Vue kk)

Notas

  • A lógica utilizada foi da mais básica possível, gastar tempo com muita estrutura me custaria dias por falta de contato com a linguagem. Nada que um pouco de comentário não resolva em um layout simples desses.

Fase 3 (EM ANDAMENTO -> Vue + Quasar)

Objetivo

  • Entender e aplicar o que vejo de principal no Quasar. (concluído!)

Notas finais (desabafo e agradecimento)

Desafio divertidíssimo, confesso que fiquei cansado incluindo em aplicar Vue + Quasar em uma interface já feita, como mal havia tocado em Vue, foi complicado entender no começo, mas depois que peguei o jeito fiquei confortável codando, sei que não aproveitei nem 1% dos Frameworks (um dia chego lá kkk).

Tenho certeza que vou continuar estudando Vue e Quasar. Obrigado imensamente a YBOH, em específico o Rafael (Product Owner), que me deu a oportunidade de me sentir mais valorizado e mais capaz.

Todo o esforço de aprender tudo em um dia valeu muito! Não havia um prazo estipulado, mas eu realmente quero isso pra mim.

Cartão pessoal Pedro Ricardo, Estudando de desenvolvimento Front-end