Create individual application view

[themagicianking]

Issue: Administrators need a way to view and edit each individual application in detail.

Implementation details:

Review view

• Eligibility score
• Details (visual green checkmark for met eligibility category criteria, red "x" for ineligible, yellow warning icon for area that requires manual review, should list the provided data from applicant)
• WPM Score (eligibility is 50+)
• WPM Accuracy (eligibility is 80%)
• Two References (eligibility is both references details are all submitted)
• FreeCodeCamp Complete (warning icon, needs to be manually changed by admin user, eligibility is the complete single screenshot of all 115 problems, manual confirmation needs to be timestamped and added to admin only applicant notes with admin user or program staff role details)
• Gender (eligibility is not cis-male)
• Computer literate (eligibility is yes)
• Recent bootcamp (eligibility is no)
• Stable housing (eligibility is yes)
• Action
• leave admin-only note (under applicant's row)
• edit button
• message applicant (to be connected to applicant dashboard later)
  Edit view (from edit button)
• overlay popup form with option to edit populated fields
• timestamp into admin only notes detailing which application fields were changed
  Leave admin-only note view
• overlay popup text edit form with option to write in a message
• timestamp into admin only notes under applicant's row
• this should be a dropdown field that span horizontally underneath the other applicant fields
  Message applicant view
• overlay popup text edit form with option to write in a message
• timestamp into admin only notes under applicant's row, detailing the message to applicant
  Sample Dummy Data

 "applicants": [
    {
      "id": 1,
      "name": "Jane Doe",
      "email": "[email protected]",
      "eligibility_score": 90,
      "status": "Eligible",
      "date_submitted": "2025-01-15",
      "details": {
        "wpm_score": 55,
        "wpm_accuracy": "85%",
        "two_references": true,
        "freecodecamp_complete": true,
        "gender": "Non-binary",
        "computer_literate": "Yes",
        "recent_bootcamp": "No",
        "stable_housing": "Yes"
      },
      "admin_notes": [
        "Follow-up required after interview.",
        "Strong technical background",
        "Needs financial assistance verification"
      ]
    },
    {
      "id": 2,
      "name": "John Smith",
      "email": "[email protected]",
      "eligibility_score": 75,
      "status": "Eligible",
      "date_submitted": "2025-01-12",
      "details": {
        "wpm_score": 52,
        "wpm_accuracy": "82%",
        "two_references": true,
        "freecodecamp_complete": false,
        "gender": "Woman",
        "computer_literate": "Yes",
        "recent_bootcamp": "No",
        "stable_housing": "Yes"
      },
      "admin_notes": [
        "Pending reference check.",
        "Good problem-solving skills",
        "Completed take-home challenge successfully"
      ]
    },
    {
      "id": 3,
      "name": "Alice Johnson",
      "email": "[email protected]",
      "eligibility_score": 45,
      "status": "Ineligible",
      "date_submitted": "2025-01-10",
      "details": {
        "wpm_score": 30,
        "wpm_accuracy": "70%",
        "two_references": false,
        "freecodecamp_complete": false,
        "gender": "Woman",
        "computer_literate": "No",
        "recent_bootcamp": "Yes",
        "stable_housing": "No"
      },
      "admin_notes": [
        "Did not meet eligibility requirements.",
        "Incomplete application",
        "Short-form ineligible criteria flagged"
      ]
    },
    {
      "id": 4,
      "name": "Bob Williams",
      "email": "[email protected]",
      "eligibility_score": 60,
      "status": "Pending",
      "date_submitted": "2025-01-18",
      "details": {
        "wpm_score": 50,
        "wpm_accuracy": "80%",
        "two_references": false,
        "freecodecamp_complete": false,
        "gender": "Non-binary",
        "computer_literate": "Yes",
        "recent_bootcamp": "No",
        "stable_housing": "Yes"
      },
      "admin_notes": [
        "Awaiting staff interview.",
        "Great enthusiasm for program",
        "Awaiting final eligibility review"
      ]
    },
    {
      "id": 5,
      "name": "Chris Adams",
      "email": "[email protected]",
      "eligibility_score": 50,
      "status": "Manual Review Needed",
      "date_submitted": "2025-01-20",
      "details": {
        "wpm_score": 49,
        "wpm_accuracy": "78%",
        "two_references": false,
        "freecodecamp_complete": false,
        "gender": "Man",
        "computer_literate": "Yes",
        "recent_bootcamp": "No",
        "stable_housing": "Yes"
      },
      "admin_notes": [
        "Requires additional financial documents.",
        "Income verification pending",
        "Needs further assessment for eligibility"
      ]
    }
  ]

[daaimah123]

This is blocked by completion of Create basic administrator dashboard with dummy overview statistics