/dualbank

[Frontend Test] - The Dualbank UI Page Source

Primary LanguageTypeScript

Dualbank - A job test.

Desenvolvimento

  • Criado com Typescript e ReactJS

  • Aproveitamento das funcionalidades do ReactJS, principalmente com o uso de estados, e rotas in-js.

  • Estruturação de página em js.

  • Modularização de botões, toasts, dropdowns e popups

  • Uso de estados imutáveis com ReactJS

  • Criação de serviços de gerenciamento de ações(Especialmente aos Toasts)

  • Tempo de produção: 20 horas e 58 minutos(estimado)

Iniciando o frontend

  • Uma build também está sendo servido com github pages no meu site.

  • Para servir o frontend na máquina local em desenvolvimento, basta instalar as dependencias usando yarn ou npm e executar o Webpack serve com yarn dev ou npm run dev. O Webpack servirá o frontend na porta 9000.

  • Para criar uma build para deploy, basta acionar o script build com yarn ou npm, assim, o Webpack criará uma build para o navegador na pasta /dist pronta para deploy.

Minhas tecnologias/Stacks🚀

  • Node/Yarn
  • ReactJS
  • Typescript
  • Webpack
  • Babel
  • StyledComponents(Um mix de SCSS/SASS, mas dentro de um arquivo JavaScript)

Backlogs e problemas a serem resolvidos

Primeiro planejamento do teste

  • Ver o protótipo e estimar um tempo de desenvolvimento.
  • Adaptar um Agile ao seu gosto(scrum individual? gambiarre-se).
  • Como vai ser um sprint único, fazer o primeiro sprint planning com o kanbam do Github, já pode ser acessado aqui.
  • Inicializar o plan com o kanbam e a aba issues.
  • No primeiro dia, fazer o sprint planning e, se houver tempo, criar a primeira branch, pode ser chamada de "Dev" caso não seja necessário muitas especificidades ou funcionalidades.
  • Seguir o sprint planning rigorosamente, porém se houver problemas, alterar o plan no final do dia e resolver no próximo.
  • Ao final do dia, verificar se o tempo de desenvolvimento continhua estavel e escreva feedbacks a si mesmo.

Boa sorte! 🚀

Screenshot

alt text