Vite React TypeScript Project with Material-UI

1.Create a Vite project with React and TypeScript

pnpm create vite demo_name --template react-ts
cd demo_name
pnpm install
pnpm run dev

pnpm add react-router-dom

2.Integrate Material-UI

Follow the Material-UI installation guide at https://mui.com/material-ui/getting-started/installation/

pnpm add @mui/material @emotion/react @emotion/styled
pnpm add @fontsource/roboto
pnpm add @mui/icons-material

Now, you have set up a Vite project with React, TypeScript, and Material-UI. Customize your project according to your needs and explore the features offered by Material-UI to enhance the user interface of your application.