Principais Tecnologias usadas: React: https://pt-br.reactjs.org/ Typescript: https://www.typescriptlang.org/ Sass: https://sass-lang.com/ React-Select: https://react-select.com/home React Mapbox GL: https://github.com/alex3165/react-mapbox-gl/blob/master/docs/API.md I18next: https://www.i18next.com/ i18next-browser-languageDetector: https://github.com/i18next/i18next-browser-languageDetector React-I18n: https://react.i18next.com/
Decisões (resumo)
Optei por usar ReactJs pois possuo um conhecimento prévio da Lib e com boa curva do Native que foi a primeira lib que aprendi. Dentre os estilos de estilização acabei optando por usar sass, mas sem motivo especifico, meus conhecimentos em styled-components é maior, mas sass é algo que tenho visto com mais frequência e escolhi por questões de aprendizado. Usei uma lib de select, react-select por opções de estilização padrões da lib. A respeito de mapas optei no início a usar uma lib do google maps para react (react-google-maps), mas por questões de aprovação do console do google de cartões virtuais acabei colocando outra lib como alternativa: (React-Mapbox-GL). Usei Typescript para escrita dos códigos.
Linha de desenvolvimento:
Foram 4 dias de grandes aprendizados e conhecimento...
Ao primeiro dia procurei entender o a response do gps, ao conhecimento da mesma procurei “tipar” todos esses dados, o que poderia ajudar em uma aplicação real em produção, iniciei o projeto e já coloquei os types.
Ao segundo dia com as libs de estilização procurei colocar o mapa e a box de seleção das rotas e começar a fazer os links das informações com os componentes.
Ao terceiro dia procurei realizar os últimos links das informações (Response em JSON) e exibição da linha na tela, ao ver o funcionamento da mesma separei em 2 linhas temporais de pensamento.
1: Acabar as estilizações e adicionar header, menu, rotas e o sistema de internacionalização.
2: Estudar sobre sprites com auxílio de docs pois é um conhecimento que eu não tinha.
Ao acabar essas 2 linhas no quarto dia procurei começar a desenhar os cars na tela, ao notar que a lib de mapas não tinha suporte para tal feito. Procurei alternativas para realizar o procedimento, mas infelizmente sem sucesso.
Mas aprendi a lidar com sprites o que pode se tratar de apenas uma mudança de lib de mapa.