index.html

<!DOCTYPE html>
<html lang="en"><!-- The application text is authored in English by default. -->
  <head><!-- Browser and installed-app metadata live together at the document boundary. -->
    <meta charset="utf-8">
    <title>Gajae Code App</title>

    <!-- The workspace uses the full mobile viewport and manages its own scale. -->
    <meta
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, viewport-fit=cover, interactive-widget=resizes-content"
      name="viewport"
    >
    <meta content="telephone=no" name="format-detection">
    <meta content="#f04e23" name="msapplication-TileColor">

    <!-- Installed instances retain their product name and native-looking chrome. -->
    <meta content="yes" name="mobile-web-app-capable">
    <meta content="Gajae Code App" name="apple-mobile-web-app-title">
    <meta content="black-translucent" name="apple-mobile-web-app-status-bar-style">

    <link crossorigin="use-credentials" href="/manifest.json" rel="manifest">
    <link href="/favicon.png" rel="icon" type="image/png">
    <link href="/icons/icon-152x152.png" rel="apple-touch-icon" sizes="152x152">
    <link href="/icons/icon-192x192.png" rel="apple-touch-icon" sizes="180x180">
  </head><!-- Vite injects no alternate document shell. -->
  <body><!-- React mounts the complete interactive workspace below. -->
    <div id="root"></div><!-- Deliberately the only static application container. -->
    <script src="/src/main.jsx" type="module"></script>
  </body><!-- The module script owns subsequent DOM contents. -->
</html><!-- End of the standalone web-app shell. -->