B2B AI SaaS Platform for Nonprofit Finance
Altruva AI
A B2B SaaS platform empowering nonprofit finance teams with AI-powered digital employees to automate budget lookups, forecasting, and compliance reporting using organization-specific financial documents.
Description
Altruva AI — Frontend Engineer
Altruva AI is an enterprise SaaS platform built to transform how nonprofits handle finance operations. As the frontend engineer, I architected and delivered the entire user experience — from the chat interface to document management to the admin analytics layer.
Finance teams upload their documents once. Altruva indexes them, then deploys 5 specialized AI agents (Finance, Fundraising, AP, Accounting, Compliance) that answer questions in seconds, eliminating hours of manual lookups while maintaining document privacy and organizational security.
What I Built
AI Chat Interface:
- Real-time AI chat with Server-Sent Events streaming for token-by-token response rendering
- Optimistic UI updates preventing response flicker on slow connections
- Markdown rendering for formatted AI responses and data tables
- Per-message feedback collection for monitoring model quality
- Real-time indexing status indicator showing document processing progress
Document Management System:
- Multi-file upload supporting 9 document types with drag-and-drop UI
- Batch upload capability handling up to 25 files simultaneously with progress tracking
- Document categorization and tagging for organizational browsing
- Processing timer preventing premature chat access until documents are fully indexed
- Document metadata display (upload date, file size, processing status)
Authentication & Access Control:
- Auth0 integration with refresh token rotation for persistent sessions
- Custom Axios bridge enabling token refresh outside React component lifecycle
- JWT claim-driven role-based routing supporting 4 distinct user states
- Admin-only route protection with automatic role-based redirects
Admin Dashboard:
- Organization management interface for account settings and team management
- User analytics with Recharts visualizations tracking 7, 30, and 90-day metrics
- Feedback review interface for monitoring model quality and user satisfaction
- Platform KPI cards displaying real-time usage, document processing, and system health metrics
Engineering
Architected frontend using Zustand state management · Implemented shadcn/ui component library for consistent design · Built dark/light/system theme support via CSS variables · Responsive design optimized for desktop and tablet · CI/CD integration with Azure Static Web Apps deployment pipeline.
Proven Results
- Live platform serving enterprise nonprofit clients
- Document indexing handling thousands of pages per organization
- Real-time chat delivering answers in seconds vs. manual hours
- Admin tools enabling support and feature iteration
- Azure Static Web Apps delivering low-latency global performance
Built with