react-portfolio/index.html at main · liuyuelintop/react-portfolio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/Person">
  <head>
    <meta charset="UTF-8" />
    <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" media="all" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, minimum-scale=1.0"
    />
    <meta name="theme-color" content="#09090b" />
    <meta
      http-equiv="Content-Security-Policy"
      content="upgrade-insecure-requests"
    />

    <title>Yuelin Liu | Full-Stack Software Developer in Melbourne</title>
    <meta
      name="title"
      content="Yuelin Liu | Full-Stack Software Developer in Melbourne"
    />
    <meta
      name="description"
      content="Melbourne-based full-stack software developer building React, TypeScript and Node.js applications for SaaS platforms, internal tools and AI-assisted workflows."
    />
    <meta name="author" content="Yuelin Liu" />
    <meta
      name="keywords"
      content="Full-stack software developer Melbourne, React developer Melbourne, Next.js developer, Node.js developer, TypeScript developer, REST APIs, Docker, Kubernetes, AI workflows"
    />

    <meta property="og:type" content="profile" />
    <meta property="og:title" content="Yuelin Liu | Technical Portfolio" />
    <meta property="og:url" content="https://liuyuelin.dev" />
    <meta
      name="image"
      property="og:image"
      content="https://liuyuelin.dev/assets/og-image.png"
    />
    <meta
      property="og:image"
      content="https://liuyuelin.dev/assets/og-image.png"
    />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta
      property="og:image:alt"
      content="Yuelin Liu's portfolio cover - Full-Stack Software Developer in Melbourne"
    />
    <meta
      property="og:description"
      content="Explore full-stack case studies across React, Next.js, Node.js, cloud deployments, testing and AI-assisted workflows."
    />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:creator" content="@YuelinLiu_Dev" />
    <meta name="twitter:title" content="Yuelin Liu's Technical Portfolio" />
    <meta
      name="twitter:image"
      content="https://liuyuelin.dev/assets/og-image.png"
    />

    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "Person",
        "name": "Yuelin Liu",
        "image": "https://liuyuelin.dev/assets/og-image.png",
        "jobTitle": "Full-Stack Software Developer",
        "url": "https://liuyuelin.dev",
        "sameAs": [
          "https://www.linkedin.com/in/liuyuelintop/",
          "https://github.com/liuyuelintop",
          "https://blog.liuyuelin.dev/"
        ],
        "description": "Melbourne-based full-stack software developer building React, TypeScript and Node.js applications for SaaS platforms, internal tools and AI-assisted workflows.",
        "address": {
          "@type": "PostalAddress",
          "addressLocality": "Melbourne",
          "addressRegion": "VIC",
          "addressCountry": "Australia"
        },
        "alumniOf": {
          "@type": "EducationalOrganization",
          "name": "University of Melbourne",
          "url": "https://www.unimelb.edu.au"
        },
        "knowsAbout": ["React", "Next.js", "TypeScript", "Node.js", "Express", "REST APIs", "Docker", "Kubernetes", "AWS", "GCP", "Playwright", "AI workflows"]
      }
    </script>


    <link rel="dns-prefetch" href="//cdn.example.com" />
    <link rel="canonical" href="https://liuyuelin.dev" />

    <meta name="apple-mobile-web-app-title" content="Yuelin's Portfolio" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta
      name="apple-mobile-web-app-status-bar-style"
      content="black-translucent"
    />
  </head>

  <body>
    <div id="root">
      <main itemscope itemtype="http://schema.org/WebPage">
        <h1 hidden itemprop="name">
          Yuelin Liu's Technical Portfolio | Full-Stack Software Developer
        </h1>
        <section aria-labelledby="featured-projects">
          <h2 id="featured-projects" class="visually-hidden">
            Featured Projects
          </h2>
          <article
            itemprop="mainEntity"
            itemscope
            itemtype="https://schema.org/SoftwareSourceCode"
          ></article>
        </section>
      </main>
    </div>

    <script type="module" src="/src/main.jsx" async></script>

    <footer hidden>
      <meta itemprop="copyrightYear" content="2025" />
      <meta itemprop="copyrightHolder" content="Yuelin Liu" />
      <link
        itemprop="license"
        href="https://creativecommons.org/licenses/by-nc-sa/4.0/"
      />
    </footer>
  </body>
</html>