wftom / test-grupoeureka

Teste para a vaga de desenvolvedor javascript no Grupo Eureka

Teste Grupo Eureka

Sobre   |    Problema   |    Resultado   |    Tecnologias   |    Funcionalidades   |    Como rodar   |    Licença

🔖 Sobre

Teste para a vaga de desenvolvedor javascript no Grupo Eureka

🔖 Problema

Criar uma página em React, que contenha duas listas, uma consumindo qualquer API pública, e outra com "favoritos", escolhidos da primeira lista, na primeira lista temos que ter um botão para adicionar o item para a outra lista, que precisa ficar desativado se ele já estiver na outra lista, na segunda precisamos ter um botão para remover dos favoritos, que deve refletir nos botões da primeira lista.

🔖 Resultado

Desenvolvido aplicação utilizando NextJS, extremamente modular e que pode ser facilmente reaproveitado em outros problemas semelhantes.

A api utilizada no projeto foi desenvolvida também, de forma serverless, que pode ser hospedada na Vercel junto com a aplicação frontend de forma extremamente fácil, porém começou a ser cobrado integramente e por isso não está carregando os dados no site, você pode seguir o tutorial Como rodar e executar localmente sem problema.

Percebi que não vai funcionar pois localmente não existe a string de conexão com o banco, pesquisei uma api bacana e simples para substituir, mas não achei então preferi fazer um retorno fake na api que já existe, também por ser mais rápido.

O banco de dados também foi desenvolvido e está online hospedado no MongoDb Atlas

💻 Tecnologias

Esse projeto foi feito usando as seguintes tecnologias:

• NextJS
• Vercel
• ReactJS
• TypeScript
• styled components
• MongoDB
• GitHub
• GitFlow

💥 Como rodar

• Requisitos

  • É necessário ter Node.js instalado no computador.
  • Além disso, é necessário ter um gerenciador de pacotes NPM ou Yarn.
  • É opcional ter Git instalado e configurado no computador, mas é melhor ter.

# Clone o repositório
$ git clone https://github.com/wfTom/test-grupoeureka.git

💻 Execute o Projeto

# Vá na pasta test-grupoeureka
$ cd test-grupoeureka

# Instale as dependências
$ yarn install

# Rode a aplicação
$ yarn dev

Acesse API em http://localhost:3000/

• Observação

  • Caso tenha algum aviso rode

# As vezes não instala corretamente junto com as outras dependências
$ yarn install next

📕 Licença

Lançado em 2021

Feito com amor por wfTom 🚀. Este projeto está em a MIT license.

Dê um ⭐️ se este projeto te ajudou!