/wiser-login

Primary LanguageTypeScript

▲ Wiser - Login Test

  Este é um projeto de página de login, desenvolvido com base neste protótipo criado no Figma.

 

🔥  Tecnologias utilizadas

  • Typescript
  • React
  • Hooks
  • NextJS
  • Styled Components
  • Redux & Redux Saga
  • Axios

 

🧰  Requisitos mínimos

 

🛠  Setup do projeto

Antes de iniciar o desenvolvimento, será necessário instalar as dependências do projeto. E isso pode ser realizado executando um dos seguintes comandos na pasta raiz do projeto:

npm install
# ou
yarn install

 

💻  Ambiente de desenvolvimento

Atenção: Será necessário configurar as variáveis de ambiente antes prosseguirmos aos próximos passos.

Copie o arquivo .env.example e troque o nome do arquivo para somente .env. Feito isso, preencha o valor das variáveis de acordo com o seu ambiente.

Em nosso caso, a variável NEXT_PUBLIC_API_URL indica o endereço da API para autenticação.

Para executar o projeto em modo de desenvolvimento, execute um dos seguintes comandos:

npm run dev
# ou
yarn dev

Abra o endereço http://localhost:3000 em seu navegador para ver o resultado.

 

🚀  Gerando arquivo para produção (build)

Caso necessite gerar um pacote com o projeto, já otimizado para produção, execute um dos seguintes comandos:

npm run build
# ou
yarn build

E se quiser, para executar o projeto através da build gerada, execute um dos seguintes comandos:

npm run start
# ou
yarn start

 

🧪  Executando testes

Para visualizar os testes, será necessário apenas executar um dos sequintes comandos

npm run test
# ou
yarn test

 

✅  Visualizando relatório da cobertura de testes

Para visualizar os testes de forma mais detalhada, será necessário apenas executar um dos sequintes comandos

npm run test:coverage
# ou
yarn test:coverage

 

❤️ Desenvolvido com carinho por Vinicius de Moraes