/CLARKE-UI

SPA de escolha de fornecedor. Os usuários poderão informar o seu consumo de energia e escolher o melhor fornecedor de acordo com as suas necessidades.

Primary LanguageTypeScript

Aplicação para listagem de fornecedores

| Front-end | React | CSS

A API consiste em uma ferramenta para a listagem de fornecedores que se adequam ao consumo do cliente. As funcionalidades são:

  • Prenchimento de formulário com o valor de consumo mensal em kWh
  • Exibição de aviso em caso de valor de consumo inferior ao exigido
  • Exibição de tabela com os dados dos fornecedores que se adequam ao cliente
  • Permitir ordenar a tabela por nome do fornecedor, estado de origem, custo/kWh, número de clientes e nota média de avaliação de clientes *Em telas maiores: a ordenação é realizada através do clique no icone de ordenação em cada coluna e é possível a ordenação crescente e decrescente *Em caso de telas menores: a ordenação é realizada através da escolha de um dos itens da lista suspensa e a logo da empresa não é exibida
  • Adaptação do layout em função do tamanho da tela (responsividade)

Aplicação disponível em: https://clarke-ui.vercel.app/

Foi desenvolvida também a API deste projeto, que está disponível em [CLARKE - API] (https://github.com/ludmilanrego/CLARKE-API)

Para rodar aplicação Front-end

1 - Tenha certeza que o npm está instalado.

Para isso use o comando npm -v no terminal do VScode

2 - Com o npm instalado rode o rode em seguida:

npm i npm start no terminal do VScode

tags: front-end React CSS