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.
20 lines
524 B
Docker
20 lines
524 B
Docker
FROM node:20-alpine AS build
|
|
ARG VITE_FARO_ENDPOINT
|
|
ARG VITE_FARO_APP_NAME=farmafinder-frontend
|
|
ARG VITE_FARO_ENV=production
|
|
ARG VITE_FARO_APP_VERSION=1.0.0
|
|
ENV VITE_FARO_ENDPOINT=$VITE_FARO_ENDPOINT
|
|
ENV VITE_FARO_APP_NAME=$VITE_FARO_APP_NAME
|
|
ENV VITE_FARO_ENV=$VITE_FARO_ENV
|
|
ENV VITE_FARO_APP_VERSION=$VITE_FARO_APP_VERSION
|
|
WORKDIR /app
|
|
COPY package*.json ./
|
|
RUN npm ci
|
|
COPY . .
|
|
RUN npm run build
|
|
|
|
FROM nginx:alpine
|
|
COPY --from=build /app/dist /usr/share/nginx/html
|
|
COPY nginx.conf /etc/nginx/conf.d/default.conf
|
|
EXPOSE 80
|