Skip to content

Instantly share code, notes, and snippets.

@Brinezera
Forked from nunesfb/psel_front.md
Created October 10, 2023 17:29
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Brinezera/140edee13f3a59485e9b904441739cb7 to your computer and use it in GitHub Desktop.
Save Brinezera/140edee13f3a59485e9b904441739cb7 to your computer and use it in GitHub Desktop.
Processo Seletivo Simulado - Frontend - Trybe

Desafio React: transforme dados em notícias e acelere a sua carreira! - Teste Técnico 👩‍💻👨‍💻

⚠️ ATENÇÃO: Essa descrição é apenas um template, faça o Fork desta GIST ⚠️

Como vai funcionar? 🤔

  • Vocês receberão o desafio para a criação da página. O desafio tem um baixo nível de direcionamento, o que é bem comum em processos seletivos e no mercado de trabalho. Ou seja, essa é uma excelente chance de colocar em prática as suas habilidades e se preparar para desafios técnicos!
  • Vocês terão 10 dias para completar o desafio. Como o nosso objetivo é preparar vocês para o mercado, não ofereceremos suporte do time de instrução. Portanto, usem e abusem do StackOverflow, Google e Chat GPT!
  • Após a finalização do prazo, cada projeto será avaliado individualmente de forma assíncrona. Vocês terão acesso a todos os feedbacks do nosso time técnico: desde avaliação funcional a sugestões de clean code.
  • Todas as pessoas que concluírem os desafios receberão um certificado extra, de participação no desafio.

O que preciso saber para fazer o projeto? 🤔

Olá, este é o teste de Frontend para pessoas desenvolvedoras junior da Trybe. O objetivo é analisar as habilidades das pessoas candidatas, com foco nos fundamentos principais de React e suas bibliotecas relacionadas.

Para isso, você irá replicar a ideia de um sistema que captura as notícias mais recentes do IBGE e apresentar elas de forma organizada.

Desafio

  • Usando a API gratuita de notícias do IBGE em sua versão 3, você será responsável por criar uma listagem com as notícias mais recentes, consultando o endpoint GET /noticias para realizar a listagem.

  • Você deve garantir que o usuário possa registrar suas notícias favoritas.

  • Foi disponibilizado o layout do figma. Essa é uma versão simplificada, fique a vontade para modificar e incrementar o layout conforme sua preferência e criatividade.

Requisitos funcionais

  • A pessoa usuária deve ter acesso às notícias mais recentes do IBGE

  • A pessoa usuária deve conseguir acessar a notícia completa clicando em seu link

  • A pessoa usuária deve ter a informação de quantos dias atrás essa notícia foi publicada

  • A pessoa usuária deve conseguir favoritar as notícias que mais gostou

  • A criação de testes é um importante indicador de que as funcionalidades estão sendo verificadas, como o Mock da API e testes das principais funcionalidades

  • A realização do Deploy é um diferencial muito positivo, lembre de enviar o link no readme do seu repositório

Requisitos não funcionais

  • O app deverá ser criado usando React

  • Na raiz do projeto, será necessário incluir um arquivo README.md com as instruções para construir/rodar seu projeto localmente. Opcionalmente você pode detalhar as razões pelas escolhas de ferramentas e técnicas aplicadas ao desafio.

  • O app deverá ser responsivo

Extras

  • Temos insights que nos levam a acreditar que as pessoas usuárias dessa lista costumam ter uma experiência melhor se conseguirem criar filtros nestas notícias. Portanto, existem diversas possibilidades para criar filtros, como por tipo, favoritas, por título, etc.

  • A cobertura de testes com o mínimo de 50% pode trazer resultados positivos para garantir um consistente desenvolvimento das funcionalidades

Critérios de avaliação

  • Boas práticas de desenvolvimento como: html semântico, componentização, design patterns, clean code
  • Domínio das ferramentas e linguagens que compõe um app de frontend moderno
  • Documentação: explicação para construir o app localmente, histórico e workflow de git

Envio do seu projeto

  • O envio do seu projeto deve ser realizado neste forms
  • Os dados a serem enviados são seu nome completo, e-mail, URL do repositório com a resolução e feedbacks

Obrigado e bom desafio!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment