Antoni Nuñez Romeu
db0935eb16
Build & Push Docker Images / test-backend (push) Failing after 36s
Build & Push Docker Images / test-frontend (push) Successful in 29s
Build & Push Docker Images / build-backend (push) Has been skipped
Build & Push Docker Images / build-frontend (push) Has been skipped
Build & Push Docker Images / deploy (push) Successful in 7s
This commit introduces comprehensive observability for both backend and frontend, alongside a major UI/UX overhaul to align with modern design standards (Material 3 inspired) and improve localization. Backend changes: - Integrated OpenTelemetry SDK for distributed tracing. - Added Pino for structured JSON logging with OTel instrumentation for trace/span correlation. - Configured OTLP exporters to route traces and logs to Grafana Alloy. - Updated docker-compose to include necessary environment variables for observability. Frontend changes: - Integrated Grafana Faro for Real User Monitoring (RUM), capturing Web Vitals, JS errors, and user interactions. - Redesigned the entire UI using a new color palette and Material 3 design principles. - Refactored component architecture (App, Home, Search, Scanner, Profile, Alerts views) for better state management and navigation. - Improved mobile UX with a redesigned Bottom Navigation bar and Top Bar. - Localized the interface to Spanish (es). - Updated assets, icons, and PWA configuration (manifest, icons). - Refactored CSS to use a centralized design token system (CSS variables). Observability enables better debugging and performance monitoring across the entire stack.
37 lines
983 B
JSON
37 lines
983 B
JSON
{
|
|
"name": "farma-finder-frontend",
|
|
"version": "1.0.0",
|
|
"type": "module",
|
|
"scripts": {
|
|
"dev": "vite",
|
|
"build": "vite build",
|
|
"preview": "vite preview",
|
|
"test": "vitest"
|
|
},
|
|
"dependencies": {
|
|
"@capacitor-mlkit/barcode-scanning": "^8.1.0",
|
|
"@capacitor/app": "^8.1.0",
|
|
"@capacitor/core": "^8.4.1",
|
|
"@capacitor/splash-screen": "^8.0.1",
|
|
"@capacitor/status-bar": "^8.0.2",
|
|
"@grafana/faro-react": "^1.7.0",
|
|
"@grafana/faro-transport-otlp-http": "^1.7.0",
|
|
"@grafana/faro-web-sdk": "^1.7.0",
|
|
"@grafana/faro-web-tracing": "^1.7.0",
|
|
"barcode-detector": "^3.2.0",
|
|
"leaflet": "^1.9.4",
|
|
"react": "^18.2.0",
|
|
"react-dom": "^18.2.0",
|
|
"react-leaflet": "^4.2.1"
|
|
},
|
|
"devDependencies": {
|
|
"@testing-library/jest-dom": "^6.4.0",
|
|
"@testing-library/react": "^14.2.0",
|
|
"@vitejs/plugin-react": "^4.2.1",
|
|
"jsdom": "^24.0.0",
|
|
"vite": "^5.0.8",
|
|
"vite-plugin-pwa": "^1.3.0",
|
|
"vitest": "^1.6.0"
|
|
}
|
|
}
|