../projetos

Techsul

Techsul é um dashboard fictício de uma loja de informática onde é possível cadastrar serviço e o preço desse serviço. Após a criação do serviço, é possível criar um chamado podendo cadastrar um cliente e atribuir o serviço que será feito para ele.

ReactJs
Typescript
Figma
Json-Server
Axios
Local Storage
React Router
Styled-Components
Voltar para os projetos

Overview

Para fins de aprendizado, decidi criar esse projeto com a finalidade de aumentar meus conhecimentos no uso de Local Storage. Para isso, decidi criar uma API fake usando Json-Server. O JSON-Server é uma ferramenta incrível que te permite criar uma API RESTful completa em segundos, usando apenas arquivos JSON!.

Instalação

Para a instalação do projeto, siga as seguintes etapas:

  1. Clone o projeto na sua máquina local.
  2. Navegue até o diretório do projeto.
  3. Instale as dependências necessárias.
  4. Rode o Json-Server.
  5. Rode o servidor de desenvolvimento.
Instale as dependências necessárias usando:

# npm install
ou
# yarn install
ou
# pnpm install
Para iniciar a API do Json-Server use:

# npm run server
ou
# yarn server
ou
# pnpm server
Para rodar o servidor de desenvolvimento use:

# npm run dev
ou
# yarn dev
ou
# pnpm dev

Dashboard

Imagem da seção Dashboard

Serviços

Imagem da seção Serviços

Cadastrar Serviços

Imagem da seção Cadastrar Serviços

Chamados

Imagem da seção Chamados

Cadastrar Chamados

Imagem da seção Cadastrar Chamados