Home Component: The Home component represents the main page of the application. It includes functionality for scanning QR codes, displaying user information, and managing active requests. Key features include:
QR Code Scanner: Uses the Html5QrcodePlugin to scan QR codes and initiate coverage eligibility requests.
User Information: Displays user-specific information fetched from the backend.
Active Requests: Displays a list of active coverage and claim requests, allowing users to view details and manage them.
Sidebar Component: The Sidebar component is a navigation menu that provides links to different sections of the application. Key features include:
Responsive Design: Adapts to different screen sizes, toggling visibility based on user interactions.
Menu Items: Includes links to the home page, user profile, and logout functionality.
Sidebar Animation: Uses CSS transitions to animate opening and closing the sidebar.
Loader Component: The Loader component is a simple loading indicator that displays a spinning animation while waiting for data or actions to complete. Key features include:
Minimalistic Design: A small, unobtrusive loading indicator.
Responsive Layout: Centers itself vertically and horizontally on the screen.
Customizable: Can be styled and customized to match the overall theme of the application.
Home Component: The Home component represents the main page of the application. It includes functionality for scanning QR codes, displaying user information, and managing active requests. Key features include:
QR Code Scanner: Uses the Html5QrcodePlugin to scan QR codes and initiate coverage eligibility requests. User Information: Displays user-specific information fetched from the backend. Active Requests: Displays a list of active coverage and claim requests, allowing users to view details and manage them. Sidebar Component: The Sidebar component is a navigation menu that provides links to different sections of the application. Key features include:
Responsive Design: Adapts to different screen sizes, toggling visibility based on user interactions. Menu Items: Includes links to the home page, user profile, and logout functionality. Sidebar Animation: Uses CSS transitions to animate opening and closing the sidebar. Loader Component: The Loader component is a simple loading indicator that displays a spinning animation while waiting for data or actions to complete. Key features include:
Minimalistic Design: A small, unobtrusive loading indicator. Responsive Layout: Centers itself vertically and horizontally on the screen. Customizable: Can be styled and customized to match the overall theme of the application.