RD Station - SpaceX

🚀 Projeto

Aplicação desenvolvida como desafio técnico da RD Station que consome a API pública de foguetes lançados da SpaceX. O back-end foi desenvolvido no formato de API REST com a linguagem Ruby e utilizando bibliotecas como Sinatra, Rack e Thin para facilitar a criação do servidor HTTP. Já o front-end foi implementado utilizando Typescript, React.js e Chakra UI.

Clique aqui para acessar a aplicação deployada no Heroku.

💡 Requisitos

  • Exibir próximo lançamento
  • Exibir último lançamento
  • Exibir todos os lançamentos futuros
  • Exibir todos os lançamentos passados
  • Implementar um teste A/B com Google Optimize
  • Integrar script do Hotjar
  • Subir back-end e front-end no Heroku

🎲 Executando

Para executar a aplicação em ambiente de desenvolvimento, é preciso ter no mínimo as seguintes ferramentas instaladas: Git, Docker e Docker Compose.

# Clone o repositório
$ git clone git@github.com:viniciusmeneses/rd-station-spacex.git

# Acesse a pasta do projeto
$ cd rd-station-spacex

# Faça uma cópia arquivo de exemplo de configuração das envs (front-end)
$ cp frontend/.env.sample frontend/.env

# Execute a aplicação usando docker-compose
$ docker-compose up -d

Por padrão, o front-end é servido na URL http://localhost:3000 e o back-end na URL http://localhost:3001.

📝 Teste A/B

Foi criado um teste A/B simples utilizando a ferramenta Google Optimize com uma variante da aplicação. Nessa variante, que é aplicada em 50% dos usuários, a cor do fundo da página inicial é alterada para azul e não é exibido o próximo e o último lançamento.

🔥 Heatmaps do Hotjar

Cliques

Heatmap de Cliques

Movimentos

Heatmap de Movimentos