Giter VIP home page Giter VIP logo

frontend-smartse's Introduction

Projeto Next.js feito para um teste de seleção da empresa Smart-SE

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.

Como começar

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.

Aprendendo mais

Para aprender mais sobre Next.js, dê uma olhada nos seguintes recursos:

Desenvolvimento utilizando Redux, MUI Design, Sass, e Typescript. Modelado pelo padrão Atomic Design.

Aprendizados :

  • 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.

Melhorias :

  • 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

O que eu mais gostei :

  • 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

frontend-smartse's People

Contributors

lcscamacho avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.