feat: add layout components and pages for NxMesh Admin

- Implemented Header, Sidebar, and Layout components for consistent UI structure.
- Created pages for Agents, Certificates, Configurations, Dashboard, and Settings.
- Integrated React Query for data fetching in Agents, Certificates, Configurations, and Dashboard pages.
- Added Tailwind CSS for styling and responsive design.
- Established a utility function for conditional class names.
- Set up Vite configuration for React project with TypeScript support.
- Included global styles and Tailwind CSS configuration.
This commit is contained in:
GW_MC
2026-03-03 04:39:26 +00:00
parent 8bae551af8
commit 31f1d8309d
24 changed files with 4115 additions and 0 deletions

41
frontend/package.json Normal file
View File

@@ -0,0 +1,41 @@
{
"name": "nxmesh-frontend",
"private": true,
"version": "0.1.0",
"type": "module",
"scripts": {
"dev": "vite",
"build": "tsc && vite build",
"preview": "vite preview",
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0"
},
"dependencies": {
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-router-dom": "^6.22.0",
"zustand": "^4.5.0",
"@tanstack/react-query": "^5.18.0",
"axios": "^1.6.7",
"recharts": "^2.10.4",
"lucide-react": "^0.323.0",
"clsx": "^2.1.0",
"tailwind-merge": "^2.2.1"
},
"devDependencies": {
"@types/react": "^18.2.55",
"@types/react-dom": "^18.2.19",
"@typescript-eslint/eslint-plugin": "^6.21.0",
"@typescript-eslint/parser": "^6.21.0",
"@vitejs/plugin-react": "^4.2.1",
"autoprefixer": "^10.4.17",
"eslint": "^8.56.0",
"eslint-plugin-react-hooks": "^4.6.0",
"eslint-plugin-react-refresh": "^0.4.5",
"openapi-fetch": "^0.17.0",
"openapi-typescript": "^7.13.0",
"postcss": "^8.4.35",
"tailwindcss": "^3.4.1",
"typescript": "^5.3.3",
"vite": "^5.1.0"
}
}