heliolj / contato-seguro-frontend

Parte frontend do teste técnico da Contato Seguro.

Contato Seguro Frontend

Parte frontend do teste técnico da Contato Seguro.

Como Usar

Requisitos

• Node.js
• Yarn ou npm

Instruções para rodar localmente

1. Clone o repositório e entre na pasta do projeto:

git clone https://github.com/heliolj/contato-seguro-frontend.git
cd nome-do-projeto

2. Instale as dependências:

yarn

ou

npm install

3. Caso queria rodar localmente o da API Contato Seguro, em services/api.ts mude para:

import axios from 'axios'

export const api = axios.create({
  baseURL: "https://localhost:3333"
})

(É importante lembrar que para isso, você precisa ter clonado a (API)[https://github.com/helioLJ/contato-seguro-backend], instalado as dependencias e rodar localmente o server.

4. Inicie a aplicação:

yarn run dev

ou

npm run dev

5. Abra o navegador em http://localhost:PORT.

Tecnologias Utilizadas

• Vite
• ReactJS
• TypeScript
• Axios
• React Router DOM
• Jest and Testing Library

Outras Libs

• @phosphor-icons/react
• react-input-mask
• react-transition-group

Resposta do participante

Responda aqui quais foram suas dificuldades e explique a sua solução

• Um pouco de dificuldade no backend, já que não sou muito familiarizado, mas com bastante pesquisa consegui criar a API funcional
• Escolhi o SQLite porque não precisa de um servidor separado, o que significa não precisar configurar, gerenciar ou manter um servidor de banco de dados separado. Isso se mostra muito útil em projetos menores.
• Nunca havia implementado testes na prática, apenas tinha aprendido o conceito, então criar testes, ainda mais no frontend, foi um desafio que consegui superar e aprender mais sobre testes unitários com React.js

Licença

Este projeto está licenciado sob a MIT License.