Tic-Tac-Toe Game

flowchart TB
    PRD["Tic-Tac-Toe Game"]
    subgraph Frontend
        package_JSON["package_JSON (1)"]
        index_HTML["index_HTML (2)"]
        styles_CSS["styles_CSS (3)"]
        gameLogic_TypeScript["gameLogic_TypeScript (4)"]
        Cell_TypeScriptReact["Cell_TypeScriptReact (5)"]
        Board_TypeScriptReact["Board_TypeScriptReact (6)"]
        GameStatus_TypeScriptReact["GameStatus_TypeScriptReact (7)"]
        Scoreboard_TypeScriptReact["Scoreboard_TypeScriptReact (8)"]
        App_TypeScriptReact["App_TypeScriptReact (9)"]
        main_TypeScriptReact["main_TypeScriptReact (10)"]
    end
    PRD --> Frontend
    Board_TypeScriptReact -->|uses| Cell_TypeScriptReact
    App_TypeScriptReact -->|uses| Board_TypeScriptReact
    App_TypeScriptReact -->|uses| GameStatus_TypeScriptReact
    App_TypeScriptReact -->|uses| Scoreboard_TypeScriptReact
    App_TypeScriptReact -->|uses| gameLogic_TypeScript
    main_TypeScriptReact -->|uses| App_TypeScriptReact
    main_TypeScriptReact -->|uses| styles_CSS
    classDef frontend fill:#FFF3E0,stroke:#F57C00,stroke-width:2px
    classDef backend fill:#E3F2FD,stroke:#1976D2,stroke-width:2px
    classDef shared fill:#E8F5E9,stroke:#388E3C,stroke-width:2px
    classDef system fill:#E0E0E0,stroke:#616161,stroke-width:3px
    class package_JSON,index_HTML,styles_CSS,gameLogic_TypeScript,Cell_TypeScriptReact,Board_TypeScriptReact,GameStatus_TypeScriptReact,Scoreboard_TypeScriptReact,App_TypeScriptReact,main_TypeScriptReact frontend
    class PRD system