portfolio-thusalapi/index.html at main · thusalapi/portfolio-thusalapi · 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
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/png" href="./src/assets/icons/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Primary Meta Tags -->
    <title>
      Thusala Piyarisi - Full-Stack Software Engineer | React, Next.js, Node.js
      & Spring Boot Developer
    </title>
    <meta
      name="title"
      content="Thusala Piyarisi - Full-Stack Software Engineer | React, Next.js, Node.js & Spring Boot Developer"
    />
    <meta
      name="description"
      content="Experienced Full-Stack Software Engineer specializing in React, Next.js, Node.js, Spring Boot, and Three.js. Building modern web applications with 3D interactive experiences, microservices architecture, and scalable solutions. View my portfolio featuring KamuLK, IsnocTalks, Medcare, and more innovative projects."
    />
    <meta
      name="keywords"
      content="software engineer, full-stack developer, React developer, Next.js developer, Node.js developer, Spring Boot developer, Three.js developer, web development, JavaScript, TypeScript, Java, portfolio, Thusala Piyarisi, MERN stack, microservices, 3D web development, React Native, mobile development"
    />
    <meta name="author" content="Thusala Piyarisi" />
    <meta
      name="robots"
      content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1"
    />
    <link rel="canonical" href="https://thusala.me/" />
    <link rel="alternate" hreflang="en" href="https://thusala.me/" />
    <link rel="alternate" hreflang="x-default" href="https://thusala.me/" />

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://thusala.me/" />
    <meta
      property="og:title"
      content="Thusala Piyarisi - Full-Stack Software Engineer | React, Next.js, Node.js & Spring Boot Developer"
    />
    <meta
      property="og:description"
      content="Experienced Full-Stack Software Engineer specializing in React, Next.js, Node.js, Spring Boot, and Three.js. Building modern web applications with 3D interactive experiences, microservices architecture, and scalable solutions."
    />
    <meta property="og:image" content="https://thusala.me/og-image.png" />
    <meta property="og:site_name" content="Thusala Piyarisi Portfolio" />
    <meta property="og:locale" content="en_US" />

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:url" content="https://thusala.me/" />
    <meta
      name="twitter:title"
      content="Thusala Piyarisi - Full-Stack Software Engineer"
    />
    <meta
      name="twitter:description"
      content="Experienced Full-Stack Software Engineer specializing in React, Next.js, Node.js, Spring Boot, and Three.js. Building modern web applications with 3D interactive experiences and scalable solutions."
    />
    <meta name="twitter:image" content="https://thusala.me/og-image.png" />
    <meta name="twitter:creator" content="@thusalapi" />

    <!-- Google Site Verification (Add your verification code here) -->
    <meta
      name="google-site-verification"
      content="google-site-verification=KYg7lQ6DAuTFgfgcr6vsBY0eIJ6A4WHrShzfLeRVrIU"
    />

    <!-- Additional SEO Tags -->
    <meta name="theme-color" content="#000000" />
    <meta http-equiv="content-language" content="en" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta
      name="apple-mobile-web-app-status-bar-style"
      content="black-translucent"
    />
    <meta name="apple-mobile-web-app-title" content="Thusala Piyarisi" />

    <!-- Structured Data (JSON-LD) -->
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "Person",
        "name": "Thusala Piyarisi",
        "url": "https://thusala.me",
        "image": "https://thusala.me/og-image.png",
        "jobTitle": "Full-Stack Software Engineer",
        "description": "Experienced Full-Stack Software Engineer specializing in React, Next.js, Node.js, Spring Boot, and Three.js",
        "knowsAbout": [
          "React",
          "Next.js",
          "Node.js",
          "Spring Boot",
          "Three.js",
          "JavaScript",
          "TypeScript",
          "Java",
          "React Native",
          "Full-Stack Development",
          "Microservices",
          "MERN Stack"
        ],
        "sameAs": [
          "https://github.com/thusalapi",
          "https://www.linkedin.com/in/thusalapi"
        ]
      }
    </script>

    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link rel="dns-prefetch" href="https://fonts.googleapis.com" />

    <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin />
    <link rel="dns-prefetch" href="https://cdn.jsdelivr.net" />
    <!-- LinkedIn Badge Script -->
    <script
      src="https://platform.linkedin.com/badges/js/profile.js"
      async
      defer
      type="text/javascript"
    ></script>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.jsx"></script>
  </body>
</html>