PhongPham
07a93d44b4
✨ MAJOR FEATURES: • Auto-zoom intelligence với smart bounds fitting • Enhanced 3D GPS markers với pulsing effects • Professional route display với 6-layer rendering • Status-based parking icons với availability indicators • Production-ready build optimizations 🗺️ AUTO-ZOOM FEATURES: • Smart bounds fitting cho GPS + selected parking • Adaptive padding (50px) cho visual balance • Max zoom control (level 16) để tránh quá gần • Dynamic centering khi không có selection 🎨 ENHANCED VISUALS: • 3D GPS marker với multi-layer pulse effects • Advanced parking icons với status colors • Selection highlighting với animation • Dimming system cho non-selected items 🛣️ ROUTE SYSTEM: • OpenRouteService API integration • Multi-layer route rendering (glow, shadow, main, animated) • Real-time distance & duration calculation • Visual route info trong popup 📱 PRODUCTION READY: • SSR safe với dynamic imports • Build errors resolved • Global deployment via Vercel • Optimized performance 🌍 DEPLOYMENT: • Vercel: https://whatever-ctk2auuxr-phong12hexdockworks-projects.vercel.app • Bundle size: 22.8 kB optimized • Global CDN distribution • HTTPS enabled 💾 VERSION CONTROL: • MapView-v2.0.tsx backup created • MAPVIEW_VERSIONS.md documentation • Full version history tracking
80 lines
2.1 KiB
JSON
80 lines
2.1 KiB
JSON
{
|
|
"name": "smart-parking-frontend",
|
|
"version": "1.0.0",
|
|
"description": "Smart Parking Finder Frontend Application",
|
|
"private": true,
|
|
"scripts": {
|
|
"dev": "next dev -H 0.0.0.0 -p 3000",
|
|
"dev:local": "next dev",
|
|
"build": "next build",
|
|
"start": "next start -H 0.0.0.0 -p 3000",
|
|
"start:local": "next start",
|
|
"lint": "next lint",
|
|
"lint:fix": "next lint --fix",
|
|
"type-check": "tsc --noEmit",
|
|
"test": "jest",
|
|
"test:watch": "jest --watch",
|
|
"test:coverage": "jest --coverage",
|
|
"storybook": "storybook dev -p 6006",
|
|
"build-storybook": "storybook build"
|
|
},
|
|
"dependencies": {
|
|
"@hookform/resolvers": "^3.3.2",
|
|
"@radix-ui/react-dialog": "^1.0.5",
|
|
"@radix-ui/react-dropdown-menu": "^2.0.6",
|
|
"@radix-ui/react-select": "^2.0.0",
|
|
"@radix-ui/react-slider": "^1.1.2",
|
|
"@radix-ui/react-switch": "^1.0.3",
|
|
"@radix-ui/react-tooltip": "^1.0.7",
|
|
"@tailwindcss/forms": "^0.5.10",
|
|
"@tailwindcss/typography": "^0.5.16",
|
|
"@tanstack/react-query": "^5.83.0",
|
|
"axios": "^1.6.0",
|
|
"class-variance-authority": "^0.7.0",
|
|
"clsx": "^2.0.0",
|
|
"date-fns": "^2.30.0",
|
|
"framer-motion": "^10.16.4",
|
|
"leaflet": "^1.9.4",
|
|
"lucide-react": "^0.292.0",
|
|
"next": "^14.0.0",
|
|
"react": "^18.2.0",
|
|
"react-dom": "^18.2.0",
|
|
"react-hook-form": "^7.47.0",
|
|
"react-hot-toast": "^2.5.2",
|
|
"react-leaflet": "^4.2.1",
|
|
"react-query": "^3.39.3",
|
|
"react-use-measure": "^2.1.1",
|
|
"tailwind-merge": "^2.0.0",
|
|
"use-debounce": "^10.0.0",
|
|
"zod": "^3.22.4",
|
|
"zustand": "^4.4.6"
|
|
},
|
|
"devDependencies": {
|
|
"@types/leaflet": "^1.9.8",
|
|
"@types/node": "^20.10.4",
|
|
"@types/react": "^18.2.42",
|
|
"@types/react-dom": "^18.2.17",
|
|
"autoprefixer": "^10.4.16",
|
|
"eslint": "^8.55.0",
|
|
"eslint-config-next": "^14.0.0",
|
|
"postcss": "^8.4.32",
|
|
"tailwindcss": "^3.3.6",
|
|
"typescript": "^5.3.3"
|
|
},
|
|
"engines": {
|
|
"node": ">=18.0.0"
|
|
},
|
|
"browserslist": {
|
|
"production": [
|
|
">0.2%",
|
|
"not dead",
|
|
"not op_mini all"
|
|
],
|
|
"development": [
|
|
"last 1 chrome version",
|
|
"last 1 firefox version",
|
|
"last 1 safari version"
|
|
]
|
|
}
|
|
}
|