Public Pages: country-selection.html, home.html, register-case.html, track-application.html

Admin Dashboard: admin-login.html, admin-panel.html, admin-dashboard.html

Field Officer: field-officer-dashboard.html

Stylesheets: Shared admin-styles.css, field-officer-styles.css, case-styles.css

Scripts: Individual JavaScript files per module with modular design

• Create new user accounts with username and password
• Edit existing user information (password, role, email, phone)
• Change user roles dynamically (Admin, Assessment, Field Officer)
• Enable/Disable user accounts to control access
• Reset user passwords without knowing current password
• Delete user accounts permanently
• Filter users by role and status
• Search users by username instantly

• Cases Completed This Month: Real-time count of completed investigations
• Average Days per Case: Average duration from assignment to completion
• Case Resolution Rate: Percentage of cases successfully resolved
• Positive Outcomes: Count of successfully assisted cases
• Monthly Performance Chart: Visual graph of cases handled per month
• Case Type Distribution: Breakdown by case type

1. Input: User enters username and password
2. Validation: System validates credentials against stored database
3. Status Check: System checks if account is enabled
4. Role Detection: System determines user role (Admin/Assessment/Field Officer)
5. Session Creation: Unique session token generated and stored
6. Redirection: User redirected to appropriate dashboard

Step 1: Phone Verification

User enters mobile number and receives OTP via SMS. Demo OTP is 123456. Users can also resume existing applications using previous Application ID.

Step 2: Case Type Selection

User selects from 7 case types, each with specific requirements and documentation needs.

Step 3: Application Form

User fills case-specific form with personal information, case description, and supporting documents. Can save as draft and resume later.

Supported File Formats

• PDF Documents (.pdf)
• Images (.jpg, .jpeg, .png)
• Email Files (.msg, .eml)

Upload Features

• Drag and drop support for easy uploading
• Multiple file selection
• File size display
• Remove individual files before submission
• Validation for file types

How to Track

Go to track-application.html and enter:

• Application ID (e.g., CI-KSA-2026-04-00123)
• Registered mobile number

Displays

• Complete applicant information
• Current case status and stage
• Progress timeline (5 stages)
• Assigned case officer details (if applicable)
• All attached documents
• Expected completion timeline

For Case Registration: Use 123456 as the OTP when registering a case

• Start with admin account to create or modify users
• Use assessment account to review and approve sample cases
• Use field officer account to investigate assigned cases
• Register a test case using the public registration page
• Track the case using the tracking page

1. Extract careinitiativeglobal-complete.zip
2. Open country-selection.html in a web browser
3. Use demo credentials to test platform functionality
4. Register a test case using OTP 123456
5. Test each user role's dashboard

1. Set up web server (Apache, Nginx) to serve static files
2. Implement backend API for data persistence
3. Set up secure database (PostgreSQL, MongoDB)
4. Implement authentication backend (JWT, OAuth2)
5. Configure HTTPS/TLS certificates
6. Set up environment variables for configuration
7. Implement rate limiting and security headers
8. Set up monitoring and logging

Supported Browsers

• Chrome 90+
• Firefox 88+
• Safari 14+
• Edge 90+

Requirements

• JavaScript enabled
• localStorage enabled
• sessionStorage enabled
• Cookies enabled (for session management)

Q: Can I create multiple admin accounts?

A: Yes, but only usernames matching "admin" (admin, admin2, admin3, etc.) can have Admin role. This is a security restriction to prevent unauthorized privilege escalation.

Q: How do I reset a user password?

A: Login as Admin, go to User Management, click "Actions" for the user, select "Reset Password", enter new password, and submit.

Q: What happens if I disable a user account?

A: The user cannot login even with correct credentials. You can re-enable the account anytime by toggling the status.

Q: What is the demo OTP for case registration?

A: The demo OTP is 123456. This works for any mobile number in the system.

Q: Can I save a case and resume it later?

A: Yes. During case registration, you can click "Save & Resume Later" to save the draft. Use the generated Application ID to resume the case.

Q: How do I track an application status?

A: Go to track-application.html, enter your Application ID and registered mobile number. The system displays current status, timeline, and officer information.

Q: What is a session token?

A: A unique identifier generated after successful login. It's stored in sessionStorage and used to verify your identity throughout your session.

Q: What happens when I logout?

A: Your session is cleared from sessionStorage, and you're redirected to the login page. You must login again to access the system.

Q: Is the platform secure?

A: This is a demo version. Production deployment should use HTTPS, password hashing, JWT tokens, rate limiting, and comprehensive audit logging.

Q: What should I do if I encounter an error?

A: Check the browser console (F12) for error messages. Clear browser cache and localStorage if you're experiencing persistent issues. Try a different browser if applicable.

Q: Can I use this on mobile devices?

A: Yes. The platform is fully responsive and works on mobile, tablet, and desktop browsers. All features are available on all devices.

Q: Is my data saved permanently?

A: Data is stored in browser localStorage, which persists until manually cleared. In production, data should be stored in a secure backend database.

Sensitive Data Handling

• Applications contain personal information (names, passport numbers, phone numbers)
• Case details may include health information or financial data
• Assessment notes and investigation records are confidential
• All data should be encrypted at rest and in transit
• Implement role-based access to data (users see only their assigned cases)
• Maintain GDPR/data protection compliance where applicable