Desafio Zapay (Front-End) 🚀

• Projeto desenvolvido durante o processo seletivo da Zapay

Sobre

O projeto consiste na criação de uma aplicação que consulta a api de SpaceX e busca os dados de Último Lançamento, Próximo Lançamento, Lançamentos Passados e Próximos Lançamentos. Foram criadas três páginas, e para navegar entre elas, basta clicar nos seus respectivos botões no menu superior. Na 'Home' encontram-se os dados do Último Lançamento e Próximo Lançamento. Na página 'Lançamentos Passados' encontram-se os dados de todos os últimos lançamentos realizados. Na página 'Próximos Lançamentos' encontram-se os dados dos lançamentos por vir.

Também é possível ver a aplicação em sua versão mobile (em resoluções de 414px * 736px, por exemplo).

PS: É possível clicar nas legendas das imagens e ver mais informações sobre o lançamento correspondente.

Tecnologias utilizadas na construção do projeto

• React
• TypeScript
• Vite
• React Router
• Styled-Components
• Axios
• Vitest (testes)
• ESLint

Pré-requisitos

Ter instalado em sua máquina as seguintes ferramentas:

• Git
• Node.js (recomendado: LTS atual)

Para rodar o projeto localmente

1. Clone o repositório:

   git clone https://github.com/AndersonSilva94/desafio-zapay.git

2. Entre na pasta do repositório:

   cd desafio-zapay

3. Instale as dependências:

   npm install

4. Rode a aplicação em desenvolvimento:

   npm start

   A URL padrão é http://localhost:3000/ (porta configurada no Vite).

5. Build de produção:

   npm run build

   Os arquivos são gerados na pasta build/.

6. Pré-visualizar o build:

   npm run preview

7. Testes:

   npm test

   Cobertura (execução única):

   npm run test-coverage

---

⌨️ com 💜 por Anderson Silva (Andy) 😊