Boat Crew Board Prep Web App (Quiz Game + Question Bank + Progress Path to BCM Qualification)

I want to build a web-based training application that simulates preparation for a United States Coast Guard (USCG) Boat Crew Member (BCM) qualification board and check ride on a 29-foot Response Boat–Small (29 RBS) platform.
This is not just a quiz application. It should function as a structured qualification pathway with:
• Rank progression system
• Timed “oral board pressure” mode
• Scenario-based mission flows
• Green–Amber–Red (GAR) Risk Assessment Model integration
• Visual recognition drills for the 29-foot Response Boat–Small
• Qualification badges
• A dynamic readiness scoring system
I will provide:
• A structured question bank (CSV or JSON format)
• Images for visual recognition questions (equipment, boat components, diagrams, etc.)
I will NOT provide manuals or copyrighted materials. The application is purely a training engine using my own prepared question bank.
No free-response or short-answer grading is required.
________________________________________
Core Features (Minimum Viable Product)
1. Rank Progression System (Boat Crew Path)
Users progress through a qualification ladder modeled after Coast Guard training progression.
Example progression:
• Non-Rate
• Boat Crew Trainee
• Qualified Boat Crew Member
• Helm Candidate
• Board Ready
Rank advancement is based on:
• Accuracy thresholds
• Completion of training modules
• Scenario performance
• Performance in timed Board Mode
• Minimum readiness score
Rank must visibly update within the user interface.
________________________________________
2. Board Pressure Mode (Timed Oral Board Simulation)
Simulates the pressure of a real qualification board:
• Timed questions
• Random topic switching
• No back button
• Feedback only at end of session
• Session ends early if performance drops below threshold
Includes a “Clarify” button:
• If selected, presents a more difficult follow-up question on the same topic
• Difficulty scales based on user performance
Optional sound effects (with toggle):
• Subtle timer sound
• Correct answer confirmation
• Professional incorrect response tone (e.g., “Not board standard”)
The tone must remain professional — not cartoon-style.
________________________________________
3. Mission Flow Scenario Mode
Structured operational scenarios rather than isolated questions.
Example mission progression:
• Underway on 29-foot Response Boat–Small
• Weather deteriorates
• Crew fatigue increases
• Communications degrade
• Mechanical casualty or emergency develops
User decisions:
• Influence mission outcome
• Affect readiness score
• Adjust simulated Green–Amber–Red (GAR) risk score
Session ends with:
• Mission debrief summary
• Performance analysis
• Impact on readiness score
________________________________________
4. Green–Amber–Red (GAR) Risk Assessment Integration
GAR is the Coast Guard’s operational risk management model.
Within scenarios:
• User assigns a GAR score
• Application evaluates whether risk was under-assessed, over-assessed, or appropriate
Outcomes:
• Underestimating risk → scenario worsens
• Overestimating risk → mission delay penalty
• Accurate assessment → bonus score
GAR scoring weight must be adjustable within the admin panel.
________________________________________
5. Qualification Badges
Examples:
• Navigation Systems Master
• Risk Management Specialist
• Survival Procedures Qualified
• Response Boat–Small Systems Recognition
• Perfect Board Simulation
Badges unlock based on performance thresholds.
________________________________________
6. Readiness Meter
Dashboard displays:
“Board Readiness: XX%”
Calculated from:
• Topic mastery
• Scenario performance
• Recent performance trend
• Question difficulty weighting
This score must dynamically update based on performance.
________________________________________
7. 29-Foot Response Boat–Small Visual Recognition Mode
Image-based drills including:
• Identify boat components
• Identify fire extinguisher classification
• Identify communication equipment
• Identify safety equipment
• Click-on-image hotspot recognition
Admin must be able to:
• Upload images
• Define correct answer areas (bounding box or coordinate-based hotspots)
________________________________________
Question Types Required
• Multiple choice (single correct answer)
• Multiple select (multiple correct answers)
• True/False
• Matching
• Ordering (step sequencing)
• Scenario branching
• Image-based multiple choice
• Image hotspot selection
No free-text or written-response grading required.
________________________________________
Administrative Panel (Critical)
Must allow:
• Create, edit, delete questions
• Upload and manage images
• Tag questions by:
o Module
o Topic
o Difficulty
o Scenario category
• Bulk import (CSV or JSON)
• Export question bank
• Adjust scoring weights (GAR weight, scenario weight, readiness formula variables)
Importer must validate errors and provide feedback.
________________________________________
Technical Requirements
Developer may propose stack, but must include:
• Mobile-first responsive design
• Secure authentication
• Database-backed progress tracking (PostgreSQL preferred)
• Clean architecture
• Code repository handoff with documentation
• Environment variable configuration
• Simple cloud deployment (e.g., Vercel, Render, Amazon Web Services)
User Interface design:
• Professional appearance
• Dark navy theme with subtle red accents
• Operational dashboard aesthetic
• Clean, minimal animation
________________________________________
Deliverables
1. Fully functional deployed web application
2. Administrative control panel
3. All quiz and scenario modes operational
4. Rank progression system
5. Risk assessment integration
6. Image hotspot recognition functionality
7. Documentation for setup, deployment, and content management