| 🇺🇸 English (apenas no GitHub) |
| 🇧🇷 Português |
Bem vindos ao primeiro Tech Challenge da Hero Code. O objetivo deste challenge é preparar para um desafio técnico que é bastante comum em entrevistas de emprego, não só isso, mas também aprimorar habilidades de programação com o teste que foi preparado.
O melhor de tudo é que quem ganhar a competição ainda vai levar um pix de R$100,00 🤑
Este desafio tem como objetivo avaliar as habilidades de desenvolvimento front-end, a capacidade de seguir um design no Figma e a criatividade na implementação. Lembrando que este desafio é um teste para simular um teste técnico de entrevista de emprego, portanto é crucial abordar o desafio da mesma forma que enfrentaria uma situação real de entrevista de emprego.
Aqui estão os recursos adaptados:
Tecnologia: Você é livre para escolher a tecnologia que preferir (React, Angular, Vue.js, etc.) para implementar a solução. Data Limite: Submeta sua solução até o dia 10/12/2023 para participar da competição. Avaliação: O código será avaliado com base na fidelidade ao design, estrutura e organização do código, boas práticas de desenvolvimento, responsividade e performance. Premiação: O desenvolvedor que apresentar a melhor solução, conforme os critérios acima, receberá um prêmio de R$100,00.
Confira essa lista de tudo que vamos usar nesse app:
ViteTypeScriptEmotionRecoilVercel DeploymentGitHub
Para abrir e executar o projeto, execute npm i para instalar as dependências e npm run develop para iniciar o projeto.
Em seguida, vá para http://localhost:5173/ em seu navegador.
A proposta do primeiro desafio do Hero Code, é implementar um aplicativo estilo Trello com features de criar task, e movimentar conforme seu status, desenvolvido a partir do design Figma do Hero Code. A ideia principal deste teste técnico é aprimorar os hardskills no frontend, e de quebra, receber uma avaliação do código por participar da competição. Aproveitei para fazer um curso da Alura de Recoil e implementar esse gerenciador de estados na aplicação. Ele é um opção pare resolvermos props drilling alternativamente como react context/redux/zustand. Foi muito rápido e simples de utilizá-lo, gostei do que experimentei.
Atualização 04/01/2023
🥇 O campeão da challenge foi este repositório que estás bisbilhotando ! 🥇
A Alexia Kattah do Hero Code fez um vídeo de review dos códigos de vários desafiantes, nele você encontra os critérios empregados + insights sensacionais de programação, IU e UX.
| 🪧 Vitrine.Dev | |
|---|---|
| ✨ Nome | Taskban |
| 🏷️ Tecnologias | Vite, Typescript, Emotion, Recoil, Vercel Deployment, GitHub (tecnologias utilizadas) |
| 🚀 URL | https://challenge-frontend-herocode-react.vercel.app/ |
| 🔥 Desafio | https://github.com/HeroCodeBR/01-tech-challenge |