⛽ Projeto que simula um painel de posto de combustível com função de edição de preços e consumo de API para manter sincronização
2023-02-17.01-11-17.mp4
Projeto utilizando React e a biblioteca de CSS in JS chamada styled-components.
Tecnologia | Descrição |
---|---|
HTML | HyperText Markup Language |
TypeScript | Linguagem de Programação |
React | Biblioteca para construção de Interface |
Styled-Components | CSS in JS |
Basta clonar o repositório e descarregar as dependências.
git clone https://github.com/wesleyallan/auto-posto-js
cd auto-posto-js
# Npm
npm install
# Yarn
yarn install
Para visualizar o resultado dos códigos, basta executar o backend fictício criado com Json server, e o frontend.
# Backend
# Npm
yarn backend:serve
# Yarn
npm run backend:serve
# Frontend
# Npm
yarn dev
# Yarn
npm run dev
O backend é consumido a cada 1 segundo, facilmente alterado através da constante TIME_TO_UPDATE_MS
, para manter os valores atualizadas em qualquer tela, em modo de edição esse comportamento pausado, ao alterar e salvar é enviado uma requisição para a alteração.
Wesley Silva
- Website: wesleyallan.dev
- Twitter: @Wesley_AllanS
- Github: @wesleyallan
- LinkedIn: @wesleyallan
Dê um ⭐️ se esse projeto te ajudou!