Skip to content

💻 Desenvolvimento de um projeto feito em Angular e usado uma API para consultar os valores, baseado no tema de investimentos.

Notifications You must be signed in to change notification settings

lucascriado/valinor

 
 

Repository files navigation

Framework, linguagem e ferramentas

Utilizei angular, rxjs, jasmine, karma, npm, typescript, html, css, figma.

Técnologias X e Y

Acabei usando Angular por conta da preferência de uso dentro desse desafio, já tinha um pouco de experiência com ReactJS, e com conceitos de componentização.. Então decide me desafiar aprendendo um novo framework, acredito que por conta do desafio e tamém por aprender uma nova linguagem melhorando assim meu aprendizado por parte Front-end em mais um framework!

Princípios de software

Usei o princípio de KISS(Keep It Simple, Stupid) para o desenvolvimento do projeto, visto que ele foca na simplicidade e na redução de erros, então por conta desses fatores tentei fazer um código de mais limpa manutenção possível, declarando nomes de várieveis e semânticas de uma forma para que outra pessoa consiga compreender, sobre a redução de erros, também foi algo trabalhado no projeto tentando reduzir o máximo de erros possíveis com o jasmine, infelizmente não consegui o quanto esperava :/, mas vou tentar melhorar cada vez mais, e sobre a responsividade e design tentei trabalhar da melhor forma possivél também!

Durante uma semana vendo angular do zero, e criando um projeto desses com principios, fundamentos e uma estrutura por trás foi incrivel para mim!

Desafios e problemas

Um dos meus maiores desafios foi o foco em testes unitários e integrados, acredito que as outras atividades consegui concluir bem, particularmente queria ter tido um resultado melhor de testes, mas eu entendo a falta de tempo então não consegui gerenciar um tempo tão bom assim para isso, então houve alguns bugs em alguns testes, mas consegui reverter as situações. Responsividade mas acredito que foi pela falta de tempo também infelizmente.. mas dei meu melhor para conseguir entregar uma interface ótima ao usuário!

Melhorias e próximas implementações

Acredito que meu maior foco será no aperfeiçoamento dos testes, como disse anteriormente gostaria de ter obtido resultados melhores por parte de segurança e tudo mais, e para conseguir melhorar vou focar em alguns cursos que tem módulos a respeito disso!

Sobre você

Meu nome é Lucas, tenho 21 anos, faço Ciências da Computação na UNIP de São José do Rio Preto, já trabalhei como suporte t.i., porém sempre ficava um pouco chateado de não estar dentro da área de desenvolvimento em si, então em março desse ano comecei a ver alguns módulos de cursos da rocketseat, quanto da Alura, e ficar a cada dia melhor, pelo menos tentando manter uma frequência de estudo de um dia sim e outro não, mas me encantei pelo front-end e como era legal fazer aplicações e desenvolvimentos. Porém sempre senti falta de ter algo realmente funcional, algo que tivesse um banco de dados ou nem que fosse um json-server por trás kkk, então especializei minha stack em JS, no conjunto de JS, ReactJS e por agora Angular também, então sempre venho tentando dar meu melhor para conseguir uma oportunidade na área por mais dificil que seja, mas para conseguir uma carreira em desenvolvimento! Então por isso estou tentando essa oportunidade não somente pela carreira e desenvolvimento, mas para ter um melhor potencial em ser um desenvolvedor!

Outros detalhes

Como disse antes, não faz tanto tempo assim que aprendo programação em pegar firme nos estudos, mas aprendi um pouco de figma, conceitos UI, porque achava interessante isso em paralelo aos projetos de front-end

Então aqui está o link para as telas e sytle-guide no figma:

https://www.figma.com/file/i5ecwn3N6g26Fy0VtRAlFf/valinor---fieldControl?type=design&node-id=0%3A1&mode=dev

Link do deploy no Vercel:

https://valinor-lilac.vercel.app/list

Criei um projeto separado caso tivessem algum problema(Também onde eu fiz os commits desse projeto!).

https://github.com/lucascriado/valinor-reserva


E-mail: [email protected] / Número/Whatsapp: 17996743063

Desenvolvimento (Integração token)

Crie os arquivos src/environments/environment.development.ts src/environments/environment.ts

e adicione o código abaixo..

  export const environment = { production: true, tokenAPI: "seuToken no site da brapi.dev" };

About

💻 Desenvolvimento de um projeto feito em Angular e usado uma API para consultar os valores, baseado no tema de investimentos.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 33.6%
  • TypeScript 33.0%
  • HTML 30.0%
  • JavaScript 3.4%