Desafio Desenvolvedor Front-end

Projeto realizado como parte de processo seletivo.
Visualizar Projeto *O site pode demorar alguns segundos para carregar os valores de CDI e IPCA do servidor.

---

Tecnologias/Ferramentas utilizadas

• Node JS v16.13.1
• Axios
• Bibliotecas / API's
  • Banco de dados JSON - fornecido
  • React JS
  • Material UI
  • ApexCharts
• Facilitadores de escrita de código
  • HTML CSS Support
  • Prettier - Code formatter
  • Simple React Snippets

Funcionalidades implementadas

• SPA em React JS
• Busca/filtro de elementos no banco de dados
• Controle de estados (useState)
• Máscara de valores nos inputs
• Exibição dos dados de retorno da API
• Montagem e exibição de gráfico responsivo com retorno da API
• Implementação de responsividade

Como acessar e executar o Projeto

• Clonar o repositório usando o comando:
  git clone https://github.com/EtorLucca/Desafio-Desenvolvedor-Frontend.git

• Instalar as dependências do projeto:

  • Abra um terminal do VS Code na pasta API e digite o comando:
    npm install
    ou
    yarn add

    
  • Abra um terminal do VS Code na pasta web e digite o comando:
    npm install
    ou
    yarn add

    

• Digite (no terminal da pasta API) o comando para iniciar o servidor em http://localhost:5000
npx json-server --watch db.json --port 5000
  

• Após a inicialização do servidor digite (no terminal da pasta web) o comando:
  npm start
  ou
  yarn start

  Por padrão a aplicação será inicializada em http://localhost:3000

Comentários adicionais

• A implementação da máscara nos inputs já limita a inserção a caracteres numéricos apenas, não fazendo necessária a validação dos campos.
• Caso necessário, a implementação da validação se dá através de controle de estados e validação com regex, com possibilidade de remoção dos caracteres não numéricos.