As submissões da Rinha de Front-end finalizaram!
Você poderá continuar submetendo sua resolução, mas a classificação oficial somente valerá para as submissões feitas até dia 31/10/2023
'Rinha de Front-end' em WordArt cor azul

(desculpe, não temos designers)

Um evento criado pela comunidade para que as pessoas possam evoluir suas habilidades de front-end através de uma competição divertida e desafiadora!

Participe

Como vai funcionar?

Qualquer pessoa pode participar! De júnior a especialista, todo mundo consegue aprender algo novo e se divertir.

1

Cadastre-se e participe.

Você terá acesso a um repositório com um desafio de código.

Screenshot de um repositório do GitHub
2

Desenvolva seu código.

Resolva o desafio utilizando a sua stack preferida.

Imagem com várias tecnologias de front-end (Vue, Angular, React, Astro, JQuery)
3

Envie a sua solução.

Faça deploy do seu código e preencha o formulário de submissão.

Ilustração de uma pessoa programando
4

Compartilhe sua solução.

Compartilhe a sua solução nas redes sociais!

Ilustração com várias logos de redes sociais (Twitter, Facebook, Instagram, LinkedIn)
5

Aguarde o resultado.

Faremos a avaliação manual e classificação das soluções submetidas.

Ilustração de uma pessoa ao lado de um calendário
6

Comemore!

As 5 melhores soluções serão premiadas.

Ilustração de duas pessoas comemorando ao lado de um troféu

FAQ

Aqui você encontra as perguntas mais frequentes sobre a Rinha de Front-end.

O que é a "Rinha de Frontend"?

É um desafio de código inspirado pela "Rinha de Backend" no qual os participantes devem resolver um desafio de código usando a sua stack de preferência.

Quem pode participar?

Qualquer pessoa que tenha conhecimento em desenvolvimento web e queira participar, independente da senioridade. Você não precisa resolver o desafio completo para participar, basta enviar uma solução que cumpre parte dos requisitos.

O desafio é muito difícil. Não sei se consigo resolver.

Nós escolhemos uma aplicação desafiadora para poder levar os participantes ao limite. No entanto, mesmo se você está começando agora, você consegue desenvolver uma solução que cumpre parte dos requisitos. Não desista!

Quais são os critérios de avaliação?

O primeiro critério de avaliação é o maior tamanho de JSON que seu app consegue carregar, com base nos arquivos disponibilizados. Vamos fazer o ranking das primeiras colocações baseado nisso. Depois disso os critérios para desempate são "Correctness" (se o app funciona como esperado), "Performance" e "Acessibilidade". Os detalhes da avaliação estão disponíveis no repositório do desafio.

Quem fará a avaliação e o ranking?

A avaliação e classificação dos resultados será feita pelos apoiadores e organizadores do evento. Entre em contato caso você queira ser um apoiador.

Todos os projetos serão manualmente avaliados?

Nem todos. Vamos fazer o ranking de 'cima para baixo': os projetos que conseguiram carregar os maiores JSON serão avaliados e testados primeiro. Depois, iremos testando os projetos subsequentes enquanto tivermos capacidade e disponibilidade do time de avaliação.

Como será avaliado o desempenho e acessibilidade da aplicação?

Usaremos "Time to Next Interaction", "Core Web Vitals", "Lighthouse Results" e "Accessibility Checks".

Há alguma restrição sobre a stack, lib ou framework a ser usado?

Não, você é livre para escolher qualquer um. No entanto, a aplicação deve rodar inteiramente no lado do cliente e não pode ser uma cópia de outra e nem utilizar bibliotecas que façam o que o desafio pede.

Posso usar SSR ou Server Components para resolver o desafio?

Não, a aplicação deve rodar inteiramente no lado do cliente.

Posso fazer uma aplicação mobile?

Depende. Sua aplicação deverá estar em produção e necessariamente rodar em um navegador - se você quiser, você poderá fazer um PWA, mas não uma aplicação nativa.

Posso usar Web Assembly (WASM)?

Sim.

Posso fazer um layout diferente do Figma?

A fidelidade ao layout não é um critério de avaliação. A gente quis simplificar ao máximo o layout pra poder focar no desafio principal de trabalhar com JSONs pesados. Então não tem problema alterar o layout, mas isso não vai trazer vantagens na hora da avaliação. Resumindo: não precisa seguir o figma, mas fazer um layout bonito não vai te trazer mais pontos

Qual é o prazo final para submissão?

Aceitaremos submissões até 31/10/2023 às 23:59.

Como posso tirar dúvidas ou pedir ajuda?

Abra uma ISSUE no repositório com prefixo [DÚVIDA], [AJUDA] ou [SUGESTÃO].

Haverá premiação?

Sim, as 5 melhores soluções serão premiadas com um gift card da Kabum. 1º lugar: R$ 200,00; 2º lugar: R$ 150,00; 3º lugar: R$ 100,00; 4º lugar: R$ 50,00; 5º lugar: R$ 50,00.

Apoiadores

Quem são as pessoas e organizações que estão fazendo a Rinha de Front-end acontecer.

  • Perfil de Felippe Regazzio
  • Perfil de Codante