Frontend Developer - Challenge 001

Nesse desafio você deve construir uma aplicação que permita que os usuários possam encontrar novas pessoas, utilizando ferramentas modernas e boas práticas para criar um código de alta qualidade e escalabilidade.

📝 Pré-requisitos

• [ ] Configurar ambiente de desenvolvimento
• [ ] Ler arquivo fluxo de trabalho no Github
• [ ] Saber trabalhar com o fluxo de desenvolvimento Trunk Based Development
• [ ] Saber criar commits atômicos

🔧 Stack

• React
• Vite
• Typescript
• Sass
• Storybook
• React Router
• Jest
• React Testing Library

🎨 Layout

Você pode visualizar o layout do projeto, clicando aqui.

🚀 Começando

Clonando o repositório

git clone https://github.com/code-challenges-org/FRONT-challenge-001.git

Configurando seu repositório

1. Crie um repositório em sua conta do Github.

[!CAUTION] Deixe seu repositório como público para que outras pessoas possam acessar para fazer Code Review.

2. Rode o seguinte comando no repositório clonado

git remote rm origin

3. Rode o comando fornecido pelo Github ao criar o repositório

4. Faça push para o repositório criado rodando o seguinte comando

git push origin main

5. Pronto! Repositório configurado.

Copiando issues

As issues com todos os requisitos já estão criadas, você pode acessar elas clicando aqui.
Você deve copiar todas elas para as issues do repositório da sua conta, para que você possa linkar elas ao fazer Pull Request.

Versão do Node

Você pode verificar a versão mínima necessária do Node para rodar o projeto clicando aqui ou acessando o arquivo .nvmrc.

Instalando dependências

npm i

Rodando o servidor de desenvolvimento

1. Rode o comando npm run dev
2. Acesse http://localhost:5173

Rodando o Storybook

[!CAUTION] Os componentes devem ser desenvolvidos utilizando o ambiente do Storybook.

1. Rode o comando npm run storybook
2. Acesse http://localhost:6006

Rodando os testes

• npm run test:unit: Roda os testes no modo watch
• npm run test: Roda todos os testes
• npm run test:ci: Roda a cobertura dos testes

[!CAUTION] Antes de fazer push rode o seguinte comando para evitar erros.

git remote set-head origin main

📝 Checklist

• [ ] Desenvolva cada issue em uma branch, após concluir a task faça Pull Request da branch seguindo o checklist pré-code review.
• [ ] Adicione o link do seu PR no canal Code Review no Discord para receber feedback de seus colegas
• [ ] Fazer diariamente Code Review do código dos seus colegas de trilha