Design applicant dashboard with dummy statistics

[daaimah123]

Problem:

Applicants need a dedicated space to manage their applications and view status updates. Create the UI for that space.

Implementation Details:

1. Create a new route and view for the applicant dashboard (if not already existent)
2. Create 5 - 10 dummy (hard-coded) applicant data queries to fetch key statistics, such as those needed to populate the four applicant dashboard views (applicant status, next steps, important dates, and messages)
3. Design and implement an applicant dashboard - Application status view
   • Overall progress view with progress bar view of applicant's current status in the application process
     • application form submitted
     • initial screening passed
     • application workshop
     • pair programming with staff
     • take-home code challenge
     • staff interview
     • board interview
     • reference submitted
     • financial conversation
   • Left status icons
     • Green check icon means step completed
     • Grey exclamation mark icon means step incomplete
     • Yellow clock icon means step is in progress
   • Next steps view
   • Messages view
     • left chat bubble icon
     • message text
     • time stamp
     • view all messages view should be a popup overlay with detail of all conversation history
   • Important dates view
4. Add edit functionality for applicants to update their information
   • overlay popup form with option to edit applicant's application populated fields
   • include a document upload feature for required materials in respective fields (see File Upload for Application Form & Google Drive Integration for specific upload field behavior)

Technical Concepts:

• Personalized user interfaces
• Real-time status updates
• Secure document handling

Dependencies:

Issues #389

Acceptance Criteria:

• Applicants have a dedicated portal to access after submitting an application
• Dashboard clearly shows current application status and next steps
• Applicants can update certain information on their application
• Document upload system works correctly and securely
• Interface is intuitive and provides a good user experience

Example UI

Deprioritized Future Features

Implementation Detail:

• Implement a messaging system for communication about the application
• Edit feature - timestamp into admin only notes detailing which applicant's application fields were changed
  Technical Concept: Messaging systems in web applications
  Acceptance Criteria:
• Messaging system allows for communication about the application
• All interactions within the portal are logged for auditing purposes, log would need to connect to admin application dashboard (dependent upon completion of Create basic administrator dashboard with dummy overview statistics #392)
• Submit a PR that merges into the mvp branch, not develop

[daaimah123]

See Starter UI Files for MVP for additional context about starter files.

[daaimah123]

See #392 and collaborate with @themagicianking for context