Frontend Guide

Benefits Provider App UI

Overview

The Benefits Provider App UI is a comprehensive frontend application designed for providers to manage benefit applications and process verifications. It provides a robust interface to view benefits (managed by the Catalog Manager in Strapi), handle applications, and process document verifications.

Key Features

• Benefits Overview: View and access benefits catalog managed by Strapi

• Application Management: View and process benefit applications

• Document Verification: Review and verify submitted documents

• Application Actions: Approve/reject applications with proper justification

• Application Form URLs: Generate and manage URLs for beneficiary application forms

Technical Stack

• Frontend Framework: React with TypeScript

• Build Tool: Vite

• UI Components: Custom components + Material UI

• State Management: React Context

• API Integration: Axios

External Dependencies

1. Authentication Service

   • JWT-based authentication

   • Role-based access control

   • User session management

2. Provider Middleware

   • Handles API communication

   • Data transformation

   • Business logic processing

3. Benefits API

   • Application processing

   • Document verification

   • Application status management

4. Catalog Manager (Strapi)

   • Benefits catalog management

   • Benefits schema definition

   • Content management

5. Beckn Integration

   • BAP (Beckn App Platform) integration

   • BPP (Beckn Provider Platform) communication

System Architecture

The application follows a modular architecture with these core components:

1. Authentication System

   • Token management

   • Session handling

   • User profile management

2. Form Components

   • Application forms

   • Form validation

3. Provider Management

   • User management

   • Organization setup

   • Service configuration

Security Features

• HTTPS enforcement

• JWT token management

• Input sanitization

• XSS protection

• Role-based access control