James Dunford
← Back to projects

Member Operations Dashboard

AngularASP.NET CoreTypeScriptPostgreSQLDockerAngular MaterialRxJSEntity FrameworkJWTFly.io

An enterprise staff tool for credit union operations featuring member search, account flags, service request tracking, and audit logging with role-based access control.

Why this project exists: I built this to demonstrate Angular enterprise patterns and full-stack development skills, showcasing standalone components, RxJS reactive programming, JWT authentication, and role-based access control in a realistic staff operations tool.

Focus: Angular standalone components with RxJS reactive patterns · JWT authentication with role-based access control · Full-stack integration with .NET 8 Web API

Live DemoGitHub

Highlights

  • JWT-based authentication with three-tier role system (Agent, Supervisor, Admin)
  • Member search with RxJS debouncing and Angular Material data tables
  • Account flag management with role-restricted resolution capabilities
  • Service request tracking with status, priority, assignments, and comments
  • Audit log viewer with filtering and CSV export for compliance
  • 99 total tests (49 Angular + 50 xUnit) ensuring reliability

Demo Accounts

Try the live demo using any of these pre-configured accounts, or create your own account:

Admin Account
Email:admin
Password:Admin123!
Supervisor Account
Email:supervisor
Password:Super123!
Agent Account
Email:agent
Password:Agent123!

Notable challenges

  • Implementing debounced search with RxJS operators (debounceTime, switchMap, distinctUntilChanged)
  • Building a comprehensive role-based permission system across both frontend and backend
  • Designing an audit logging system that tracks all staff actions on member accounts

Screenshots

Click any image to view full size

Login screen showing role-based authentication options.
View full size
Login screen with support for multiple user roles.
Member list view with search, status indicators, and flag counts.
View full size
Member list with debounced search and account status indicators.
Detailed member view showing flags and account management options.
View full size
Member detail view with flags, notes, and role-based action buttons.
Audit log viewer showing staff actions with filtering options.
View full size
Audit log with date range filtering and CSV export capability.
Service request list showing status and priority with colored chips.
View full size
Service requests with status and priority visualization.
Comparison of available actions based on user role.
View full size
Role-based UI showing different capabilities for Supervisor vs Agent.