Git Product home page Git Product logo

challenge-01's Introduction

Para o desenvolvimento do seguinte desafio:

  • Utilize Express ou NextJS;
  • Utilize framework React ou VueJS;
  • Estilo de indentação: 2 espaços;
  • Caso preferir poderá utilizar Eslint no padrão que preferir/ (ex: https://standardjs.com/)

1. Criar uma página com

  • Um campo tipo input chamado "Gravar Termo" (save);
  • Um campo tipo input chamado "Pesquisar Termo" (search);
  • Um bloco para retorno de dados em lista com: título, descrição, imagem e link;
  • Um bloco para termos relacionados

2. Consumir e gravar dados

Ao escrever um termo no campo de gravação (save) e submeter, executar as seguinte ações:

  • Gravar os dados retornados do endpoint em banco mysql ou postgres utilizando biblioteca como o prisma ou sequelize ou qualquer uma que preferir. OBS: Gravar somente quando tiver conteúdo;
  • Salvar o objeto term assim como o objeto relateds. A estrutura de relacionamento no banco pode ser definida como desejar;
  • Retornar uma mensagem de sucesso

Endpoints:

  • Exemplo com conteúdo: https://data.easycontent.com/api/v1/wikipedia?term=Matrix
  • Exemplo com erro/vazio: https://data.easycontent.com/api/v1/wikipedia?term=gasdasd

3. Pesquisar dados

Não utilizar os endpoints acima para consulta. A consulta deverá ser consultada direto no banco de dados.

Ao escrever um termo no campo de pesquisar, executar as seguintes ações:

  • Pesquisar no banco (postgres ou mysql) por termos relacionados;
  • Retornar o termo encontrado no bloco de dados em lista com os ítens já descritos;
  • Retornar todos os termos relacionados ao termo pesquisado (já com click de link para uma nova pesquisa)

4. Como enviar

  • Gere um dump do banco e inclua dentro de uma pasta na raiz do projeto;
  • Inclua um readme.md com instrução para instalação;
  • Publique no Github e envie para o email do seu recrutador.

challenge-01's People

Contributors

andremacola avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.