Neumorphism MUI Quick Admin (Working on deving...)

Preview

• Web Preview: https://muiqukadmin.vercel.app/qukadmin/

Vite3 + React18 + Typescript4 + MUI + Tailwind CSS + (Eslint + stylelint) + (husky + lint-stage) + Vitest

• (With Request & Auth)

• Material UI API: https://mui.com/material-ui/react-autocomplete/

• Tailwind CSS API:

• • Chinese: https://www.tailwindcss.cn/docs/configuration
• • English: https://tailwindcss.com/docs/configuration

Enviroment Needs

• Vite >=v3.0.0 and Node >=v16

Project Structure

• React 18
• Typescript 4
• Material UI (MUI)(include styled)
• Tailwind CSS
• Vite 3: include .env
• State Mangement: Redux-Toolkit
• Interal Language: I18n
• Lint: eslint + stylelint
• git hooks: husky
• git commit formatter: commitlint
• Unit test: Vitest 3 + VitestUI + @vitest/coverage-c8 + @testing-library/react + @testing-library/jest-dom
• mock
• CI&CD: https://vercel.com/

why use lint-stage

• It will just check file that is edited this time in lint-stage hooks.

Preview (By vercel CI&CD)

• Web Preview: https://muiqukadmin.vercel.app/qukadmin/
• Unit Test Coverage: https://muiqukadmin-unittest.vercel.app/

Study From

• https://github.com/adamgiebl/neumorphism
• https://mui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=templates-store
• https://github.com/hu-snail/arco-admin-template
• https://github.com/limitless-dev/react-ts-vite-tailwind-i18n-starter