O projeto proposto envolve a criação de um aplicativo que integra com a API da NASA para mostrar dados de imagens e objetos próximos à Terra.
Typescript: Foi empregado o Typescript para melhorar a qualidade do código, através da adoção de tipagem estática.
React: A biblioteca React foi fundamental para criar interfaces de usuário interativas e responsivas. Com ela, foi possível dividir a aplicação em componentes reutilizáveis, facilitando o desenvolvimento e a manutenção do código.
Branches e Convenção de Commits: A metodologia de trabalho com branches foi adotada para organizar o desenvolvimento de forma mais eficiente. Cada funcionalidade ou correção foi desenvolvida em sua própria branch, permitindo uma implementação isolada e segura. A convenção de commits adotada tornou o histórico de alterações mais claro e compreensível, facilitando o entendimento do que foi modificado em cada etapa do desenvolvimento.
Chakra UI: A biblioteca de componentes Chakra UI foi utilizada para acelerar o desenvolvimento da interface de usuário. Com uma vasta gama de componentes prontos e estilizados, foi possível criar uma aparência moderna e responsiva para a aplicação sem a necessidade de estilização manual.
-
Mostra como padrão a imagem do dia com o nome acima da imagem.
-
É ser possível realizar uma pesquisa com a data em que se deseja ver a imagem.
-
Ao clicar na imagem deve abre um modal para melhor visualização.
-
Aside com 'Asteroide Próximos' contendo os dados de objetos próximos à terra .
-
Página onde é possível ver os objetos próximos à terra detalhadamente com todas as informações, basta clicar.
-
Tema Light/Dark
-
Busca de imagem
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: git e node.js. Você também vai precisar de um editor de código, recomendo o VS Code.
# Clone este repositório (ou download )
git clone git@github.com:magnobrandao/project-nasa.git
# Acesse a pasta do projeto no terminal/cmd
$ cd project-nasa
# Instale as dependências
$ npm install
# Após a instalação, execute o comando para rodar a aplicação
$ npm start