Uma aplicação que possuí diversas features e bibliotecas. Para o desenvolvimento da aplicação, utilizamos o Vite e para estilizar usamos o Styled Component, com seu conceito de CSS-in-JS. Configuramos também um ESlint para facilitar e padronizar o código. E para validar formulários usamos o React Hook Form com o Zod. Fora isso, temos o uso de Context API, Reducers com o Hook nativo do React.
Antes de tudo é necessário você fazer o download do projeto em sua máquina local. Pode baixar do jeito que preferir fazendo um git clone
, fork
do repositório ou baixar o zip
do projeto.
Após ter feito isso, abra o projeto com o seu editor de código preferido. Recomendo o uso do Visual Studio Code.
npm install
É o comando para baixar todas as dependências que o projeto possuí. Possibilitando roda-lo após a instalação.
npm run dev
Inicia sua aplicação no ambiente de desenvolvimento. Após subir localmente em sua máquina, abra http://localhost:5173 para ver a aplicação em seu navegador.
A cada alteração no código fonte a página será renderizada novamente com o Live Reload do Vite. Também é possível ter a visualização de erros em tempo real no prompt de comando onde executou o projeto e no navegador web, através do console do navegador.
Abaixo você encontra as seguintes tecnologias, linguagens e ferramentas utilizadas para o desenvolvimento do projeto.