Demand Signals Dashboard is the frontend component of the Inibsa Smart Demand Signals solution. It provides a high-fidelity, interactive interface for sales teams to monitor clinic retention, analyze purchase patterns, and act on prioritized alerts in real-time.

• Prioritized View: Alerts are ranked by impact (LTV, Urgency, Confidence).
• Status Workflow: Manage alert lifecycles (New → In Progress → Complete/Discarded).
• Infinite Pagination: Smooth navigation through large alert datasets.

Every alert is backed by data. The dashboard visualizes:

• Historical Cadence: A clear timeline of past purchases vs. expected cycles.
• Dynamic Thresholds: Visual indicators of "Soft Trigger" vs. "Hard Overdue" states.
• Score Breakdown: Transparency into why a specific client was prioritized.

• Glassmorphism Design: Modern, clean aesthetic with dark mode optimization.
• Responsive Layout: Fully optimized for both desktop and tablet views.
• Micro-animations: Subtle transitions for improved user engagement.

• Framework: React (Vite)
• State Management: Hooks-based architecture with custom useAlerts.
• Visualizations: Recharts for high-performance SVG graphing.
• API Client: Axios with centralized configuration and interceptors.

• Node.js 18 or higher.
• The backend API running (default: http://localhost:8000).

# Clone the repository
git clone https://github.com/perepages/inibsa-front.git
cd inibsa-front

# Install dependencies
npm install

Create a .env file in the root directory:

VITE_API_URL=http://localhost:8000

npm run dev

The application will be available at http://localhost:5173.

• src/: Main source code.
  • components/: Reusable UI components (Graphs, Rows, Chips).
  • hooks/: Custom logic hooks (useAlerts, useInterpretability).
  • services/: API client configurations.
  • data/: Mock data for development and testing.
  • assets/: Icons and static branding.

This project was developed for the Interhack BCN 2026 Hackathon. All rights reserved by Inibsa and the development team.