Giter VIP home page Giter VIP logo

teste-vaga-frontend's Introduction

VAGA FRONTENT, ANONIMATTA 2k21

Fala Dev! Beleza?

O Anonimatta está em constante crescimento e atualização, então sempre buscamos os melhores profissionais interessados em ajudar nesse crescimento e também em fazer parte da nossa história!

Se você recebeu o link desse repositório durante o processo seletivo, essa é a hora de mostrar o seu potencial. Se você chegou aqui de paraquedas e tem interesse em fazer parte do time, finalize o teste e envie um e-mail pra gente.

Vamos lá!

1. O desafio

Sua missão é criar uma landing page para buscar, listar e detalhar pokémons usando a API PokeAPI.

O layout inteiro é livre, mas a lista deverá conter no mínimo o nome do pokémon e a sua respectiva imagem.

Sobre a busca, ela poderá ser feita de 3 formas: digitando o nome do pokémon, selecionando um ou mais tipos específicos ou listando todos de uma vez (paginação é sempre bem-vinda!).

Seria interessante ordenar nossa lista também e pensamos em pelo menos dois tipos: por número do Pokémon (padrão) ou por nome (ordem alfabética). Fique à vontade para fazer mais alguma.

Nossa busca não seria muito útil só com nome e foto de cada Pokémon, então sugerimos que, ao clicar em um item, abra um modal com mais detalhes e características dele. Inclusive você pode decidir quais informações seriam mais úteis.

2. Regras

Para o desafio ficar mais interessante, decidimos criamos as seguintes regras:

  • No layout, você utilizar algum framework CSS (ex: Bootstrap, MaterializeCSS, Antd...)
  • Você deve utilizar algum framework (ex: VueJS, ReactJS ou Angular). Utilizamos ReactJs (Gatsby) aqui no Anonimatta.
  • Opcional: usar algum automatizador ou ferramenta de build (ex: Webpack, Grunt, Gulp...)

3. Como entregar

Primeiramente, você deve:

  • Fazer um fork desse repositório para sua conta do Github
  • Criar uma branch nova com o seu nome para facilitar a identificação

Após finalizar o teste, você pode:

  • Solicitar um pull request para a branch master do nosso repositório

Vamos receber e fazer a avaliação de todos.

4. Extras

Se você realmente quiser a vaga, prepare o projeto para ser executado e testado de maneira prática e publique o projeto em algum servidor de sites estáticos (ex: Vercel ou Netlify)

Esse teste tem como objetivo avaliar você de forma técnica. Você não precisa ser o melhor o tempo todo (isso é impossível), mas precisa ter vontade de ser um profissional melhor do foi que ontem. Precisa 'perder tempo' buscando soluções e não dando desculpas. Combinado?

Se esse é o seu perfil, boa sorte na execução do teste.

May the source be with you!

teste-vaga-frontend's People

Contributors

scafelicodes 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.