flowchart

[NoraTheTurtle]

flowchart TD
    A[Start] --> B[Level 1: Intro]
    B -->|Data gathering + Tutorial| C[Level 2: Learning Part 1]
    C -->|Concept intro + Short video| D[Level 3: Learning Part 2]
    D -->|Profile creation + Skills + Quiz| E[Level 4: Generating Resume]
    E -->|Generate resume from templates + Reflection| F[Level 5: LinkedIn Building]
    F -->|Create LinkedIn + Example walkthrough| G[Level 6: Prepare for Interview]
    G -->|AI mock interview + Tips + Congrats screen| H[End]

    %% Sprite Outfit Progression
    B:::sprite1
    C:::sprite2
    D:::sprite3
    E:::sprite4
    F:::sprite5
    G:::sprite6

    %% Subgraphs for Modalities
    subgraph Modalities
        I[Images: step-by-step examples]
        J[Videos: demos & interviews]
        K[Interactive: mini-games & drag-drop]
        L[Audio: narration/interview clips]
        M[Text: storyline & guidance]
    end

    %% Integration
    B --> I & M
    C --> J & M
    D --> I & K & M
    E --> J & L & M
    F --> J & I & M
    G --> J & L & M

    %% Notes
    subgraph Notes
        N[Coordinate with applicators team]
        O[Add dynamic sprite per level]
        P[Ensure engagement via interactivity]
    end

    H --> N & O & P

    classDef sprite1 fill:#1e3a8a,stroke:#0f172a,color:#fff;
    classDef sprite2 fill:#1d4ed8,stroke:#0f172a,color:#fff;
    classDef sprite3 fill:#2563eb,stroke:#0f172a,color:#fff;
    classDef sprite4 fill:#3b82f6,stroke:#0f172a,color:#fff;
    classDef sprite5 fill:#60a5fa,stroke:#0f172a,color:#fff;
    classDef sprite6 fill:#93c5fd,stroke:#0f172a,color:#000;

Loading