Taskban

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 🤑

🔨 Recursos do projeto

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.

⚙️ Técnicas e tecnologias usadas

Confira essa lista de tudo que vamos usar nesse app:

• Vite
• TypeScript
• Emotion
• Recoil
• Vercel Deployment
• GitHub

🛠️ Abra e execute o projeto

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.

📚 Mais informações do tutorial

O Hero Code, primeiro desadios é um aplicativo estilo Trello para 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 naa 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.