/material-ui-vite-invoice-v1

Making invoice using internal data (Bartek asked to use data from input directly typing on keyboard)

Primary LanguageJavaScript

Material UI - Vite.js example

How to use

FIRST(from 'Installation' mui.com )

npm install @mui/material @emotion/react @emotion/styled

SECOND(Installing Material UI + Vite)

curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/material-ui-vite
cd material-ui-vite

Install it and run:

npm install
npm run dev

You now have a working example project(Material UI + vite)

THIRD(Making project using templates) working with library src: -deleting module App.js and its subordinates from previous paragraph -creating(coping) modules from templates

You can head back to the documentation and continue by browsing the templates section.

FORTH Copy in App.js from https://mui.com/material-ui/react-table/#system-Span from Spanning Table

FIFTH Adding Footer and Header for invoice using Divider(Vertical divider) - Grid https://mui.com/material-ui/react-divider/

Next task:

  • make format A4
  • structurizing program on 'main','footer/header' and 'items+prices'