Funções:
- Adicionar veículos ao DataGrid-MUI, editar e excluir no proprio DataGrid.
- Adicionar abastecimento com o relacionamento do veiculo, editar e excluir no próprio DataGrid.
- Cadastrar usuario, fazer login.
- Editar e excluir apenas quem esta logado.
Primeiro, insira no seu terminal o seguinte comando:
yarn install ou npm install
Depois:
npm run dev
# or
yarn dev
# or
pnpm dev
Abra http://localhost:3000 Com seu navegador para ver o resultado.
Você pode começar a editar a página modificando pages/index.tsx
. A página é atualizada automaticamente conforme você edita o arquivo.
Para aprender mais sobre Next.js, dê uma olhada nos seguintes recursos:
- Documentação Next.js - Aprenda sobre recursos e API Next.js.
- Aprenda Next.js - Um tutorial interativo Next.js.
Desenvolvimento utilizando Redux, MUI Design, Sass, e Typescript. Modelado pelo padrão Atomic Design.
- MUI-Design
- DataGrid-MUI - Editar e Excluir dados diretamente da tabela.
- Resolução de problemas com localStorage, refetchs ao inserir dados no banco.
- Organização de código.
- Adicionar cálculo de gasolina comum e aditivada, por enquanto o valor esta o mesmo para as duas.
- Adicionar os veículos e os abastecimentos direto no DataGrid-MUI.
- Melhorias no layout da página
- Validação de erro ao editar a placa dos abastecimentos
- Durante o projeto surgiu a necessidade e utilizar o localStorage multiplas vezes para construir um objeto... entao foi feito uma função que recebe as tags que referenciam o conteudo do localStorage e retorna um objeto com o conteudo de todas as tags