DEV Community

Cover image for LendsQR Agentic Dashboard — an intelligent user management interface for financial services.
Waqas Ahmed
Waqas Ahmed

Posted on

LendsQR Agentic Dashboard — an intelligent user management interface for financial services.

Hermes Agent Challenge Submission: Build With Hermes Agent

This is a submission for the Hermes Agent Challenge
What I Built
I built LendsQR Agentic Dashboard — an intelligent user management interface for financial services.

The pr

 oblem it solves: Admin dashboards are static. They show data but don't answer questions, explain insights, or take action based on natural language. LendsQR Agentic Dashboard adds a conversational AI layer on top of a full-featured user management system.
Code
🔗 GitHub Repository
https://github.com/wahmed3900/lendsqr-fe-test

🔗 Live Demo
https://wahmed3900-lendsqr-fe-test.vercel.app

The repo includes:

React + Vite SPA with protected routes

Mock API generating 500 users (filters, pagination, sorting)

Local storage for user notes

Ready integration point for Hermes Agent

My Tech Stack
Frontend: React, JavaScript, CSS, HTML

Build Tool: Vite

Testing: Vitest

Deployment: Vercel

Agent Framework (proposed integration): Hermes Agent

How I Used Hermes Agent
Hermes Agent powers the intelligent layer of my dashboard. I used three core agentic capabilities:

  1. Dynamic Tool Calling (for filters & queries)
    Instead of hardcoding filter UI, Hermes interprets natural language and calls my existing mockApi functions (e.g., filterByStatus, paginate, searchUsers).
    Why it fits: My mock API already supports server-style filtering. Hermes bridges human language to those API calls without extra backend work.

  2. Context-Aware Memory (for user details)
    When an admin views a user's page, Hermes remembers that context. Asking "What did I note about this user?" pulls the correct localStorage record.
    Why it fits: My User Details page uses localStorage for persistence. Hermes' memory eliminates repetitive "which user?" questions.

  3. Explainable Actions (for risk & decisions)
    When the agent filters or updates a user, it explains why — e.g., "I filtered users with 'blacklisted' status because you asked for 'high-risk accounts'."
    Why it fits: Financial dashboards require transparency. Hermes' ability to show its reasoning builds trust and reduces errors.

Note: This submission describes the agentic design integrated with the existing LendsQR frontend test. The repository contains the full dashboard implementation — ready to attach Hermes Agent via its SDK.

Team Submission:
Solo submission (but happy to credit contributors if this becomes a team project!)

Thanks for the challenge — Hermes turned a static mock dashboard into a conversational finance tool.

how to run https://github.com/wahmed3900/lendsqr-fe-test

Top comments (0)