Brainn Frontend Challenge

Desafio para a vaga de pessoa desenvolvedora font-end para a Brainn.co

“Não espere para plantar, apenas tenha paciência para colher”!

🚀 Sobre o desafio

O objetivo é construir uma aplicação web front-end que mostre os Resultados das Loterias.

🔨 Tecnologias:

• ReactJs
• TypeScript
• Testing library
• Axios

🚀 Como rodar este projeto

Para clonar e executar este aplicativo, você precisará de Git, NodeJs Instalado em seu computador.

🌀 Clonando o repositório

# Clone este repositório
$ git clone https://github.com/ruanvalente/brainn-challenge

# Acesse a pasta do projeto no terminal/cmd
$ cd brainn-challenge

🧭 Rodando a aplicação web

# Instale as dependências
$ npm start ou yarn


# Execute o teste da Aplicação
$ npm test ou yarn test

# O frontend da aplicação inciará na porta:3000 - acesse:

# http://localhost:3000

🛠 Funcionalidades da aplicação

• A aplicação terá que suportar 6 sorteios: Mega-sena, Quina, Lotofácil, Lotomania, Timemania e Dia de sorte

• Todos esses sorteios estarão em um combo-box/select

• Ao mudar esse combo-box, terá que mudar o tema do sorteio, número do sorteio, data do sorteio e números sorteados

• A aplicação terá que ser responsiva, pelo menos para celulares, conforme layout

• O consumo da API pode ser feito via REST ou GraphQL

Recursos utilizados para construção da aplicação ☕

• Layout: https://www.figma.com/file/H2qrYBCFMf4didYmxRwTxP/Brainn-Frontend-Challenge
• API: https://brainn-api-loterias.herokuapp.com
• Tipografia (webfont): Montserrat

Feito com ❤️ por Ruan Valente 👋🏽