Esse desafio foi proposto pela time de recrutamento da empresa WeFit, em que foram requisitadas habilidades necessáiras para desenvolver um projeto Front-End. O resultado final é a solução do teste de javascript wefit-test-js-assets e aplicação em React de uma plataforma para compras de filme que está na pasta wefit-react-challenge, seguindo bem o que está no Figma proposto.
A solução do desafio front-end React foram utilizadas as seguintes tecnologias principais:
React
Typescript
JsonServer
Axios
Jotai
ReactQuery
Para o desafio do JavaScript eu tentei resolver os testes diferentes formas usando lógica de programação./ e manipulação de APIs Java Script E na aplicação React tentei trazer algumas tecnologias novas que ajudam bastante no desenvolvimento e na qualidade do código que é o Eslint, Prettier, Commitzen e Vite. O Eslint e Prettier ajudam na qualidade de escrita do código e por isso o desenvolvimento da lógica se torna bem mais focado. O Vite acelera iniciar sua aplicação React em poucos milesegundos e sabemos como o tempo importa quando está desenvolvendo o front-end. Já o Commitizen ajuda a deixar o controle de versionamento mais bem estrutura e descrito, sabemos o quanto commits organizados ajudam a identificar bugs e documentar avanços na aplicação, então como consequência permite dar mais atenção ao que está de fato sendo desenvolvido.
- Abra o terminal e crie um diretório no local de sua preferência com o comando mkdir:
mkdir desafio-wefit
- Entre no diretório que acabou de criar e depois clone o projeto:
cd desafio-wefit
git clone https://github.com/dudawiltiner/wefit-frontend-challenge.git
- Entre no diretório criado após a clonagem do repositório.
cd wefit-frontend-challenge/wefit-react-challenge
- Instale as dependencias.
yarn
- Realize o start do Server.
yarn run server
- Realize o start da Aplicacao.
yarn run dev
- Caso queira contribuir e subir algum código, para commitar as suas modificações você pode rodar o comando a baixo, que irá passar por uma avaliação da qualidade do seu código e formatação.
yarn run commit
- Entre no diretório criado após a clonagem do repositório.
cd wefit-frontend-challenge/wefit-test-js-assets/wefit-test
- Você pode usar o Go Live para renderizar a página no seu navegador usando o VSC.