folio/index.html at main · rahulapjs/folio · 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
<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <title>Rahul A P | Software Engineer | Full-Stack & GenAI Developer</title>

  <!-- Primary description -->
  <meta name="description"
    content="Rahul A P is a Software Engineer and Full-Stack & Generative AI Developer specializing in Angular, React, Node.js, TypeScript, Python, and AI integrations." />

  <meta name="author" content="Rahul A P" />
  <meta name="robots" content="index, follow" />

  <!-- Canonical -->
  <link rel="canonical" href="https://rahulap.vercel.app/" />

  <!-- Google Site Name hint -->
  <meta name="google-site-name" content="Rahul A P Portfolio" />

  <!-- Open Graph -->
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://rahulap.vercel.app/" />
  <meta property="og:title" content="Rahul A P | Software Engineer | Full-Stack & GenAI Developer" />
  <meta property="og:description"
    content="Explore the portfolio of Rahul A P, a Software Engineer and GenAI Developer crafting intelligent web applications." />
  <meta property="og:image" content="https://rahulap.vercel.app/og-image.jpeg" />
  <meta property="og:image:width" content="1200" />
  <meta property="og:image:height" content="630" />
  <meta property="og:image:alt" content="Rahul A P Portfolio Preview" />

  <!-- Twitter -->
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="Rahul A P | Software Engineer | Full-Stack & GenAI Developer" />
  <meta name="twitter:description"
    content="Explore the portfolio of Rahul A P, a Software Engineer and GenAI Developer." />
  <meta name="twitter:image" content="https://rahulap.vercel.app/og-image.jpeg" />

  <!-- Theme -->
  <meta name="theme-color" content="#0a0a0a" />

  <!-- Favicons (KEEP AS IS) -->
  <link rel="icon" href="/favicon.ico" sizes="any" />
  <link rel="icon" type="image/png" href="/favicon32.png" sizes="32x32" />
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />

  <!-- Fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link
    href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
    rel="stylesheet" />


    <style>
    /* Prevent layout shift */
    html {
      font-family: 'Inter', sans-serif;
    }

    .hidden-seo {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
  </style>

  <!-- Structured Data: Person -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Person",
    "@id": "https://rahulap.vercel.app/#person",
    "name": "Rahul A P",
    "url": "https://rahulap.vercel.app/",
    "jobTitle": "Software Engineer",
    "sameAs": [
      "https://github.com/rahulapjs/",
      "https://linkedin.com/in/rahulapjs/"
    ]
  }
  </script>

  <!-- Structured Data: Website -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebSite",
    "@id": "https://rahulap.vercel.app/#website",
    "url": "https://rahulap.vercel.app/",
    "name": "Rahul A P Portfolio",
    "alternateName": "Rahul A P",
    "publisher": {
      "@id": "https://rahulap.vercel.app/#person"
    }
  }
  </script>

</head>

<body>
  <div class="hidden-seo">
    <h1>Rahul A P - Software Engineer</h1>
    <p>Software Engineer at AOT Technologies. Specialized in Full-Stack development and GenAI.</p>
    <ul>
      <li><a href="https://linkedin.com/in/rahulapjs/" rel="me">LinkedIn</a></li>
      <li><a href="https://github.com/rahulapjs/" rel="me">GitHub</a></li>
      <li><a href="https://www.kaggle.com/rahulpapjs" rel="me">Kaggle Profile</a></li>
      <li><a href="https://www.getprog.ai/profile/13555731" rel="me">Prog.AI Profile</a></li>
    </ul>
  </div>

  <div id="root"></div>
  <script type="module" src="/src/main.tsx"></script>
</body>

</html>