react-portfolio/index.html at main · hammadmeer-dev/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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="Content-Language" content="en" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="google-site-verification" content="7sfKXKSH7wNEN3rKoeWTTUnoBqOy4qKP38PogPuC12Q" />
    <!-- Canonical URL -->
    <link rel="canonical" href="https://hammadmeer.netlify.app/" />

    <!-- Primary Title with main keywords -->
    <title>Hammad Meer | MERN Stack & Full-Stack Web Developer</title>

    <!-- Meta Description -->
    <meta
      name="description"
      content="I’m Hammad Meer, also known as hammad meer dev — a MERN Stack & Full-Stack Web Developer building fast, secure, and scalable web applications using React.js, Node.js, MongoDB, and Express.js."
    />

    <!-- Keywords -->
    <meta
      name="keywords"
      content="Hammad Meer, hammad meer dev, MERN Stack Developer, Full-Stack Developer, React.js Developer, Node.js Developer, MongoDB, Express.js, Tailwind CSS, API Integration, Secure Web Development"
    />

    <!-- Author -->
    <meta name="author" content="Hammad Meer" />

    <!-- Open Graph for social sharing -->
    <meta property="og:title" content="Hammad Meer | MERN Stack & Full-Stack Web Developer" />
    <meta
      property="og:description"
      content="Portfolio of Hammad Meer (hammad meer dev) — Helping businesses build fast, secure & scalable MERN web applications with React.js, Node.js, MongoDB, and Express.js."
    />
    <meta
      property="og:image"
      content="https://hammadmeer.netlify.app/hammad-meer.jpeg"
    />
    <meta property="og:url" content="https://hammadmeer.netlify.app/" />
    <meta property="og:type" content="website" />

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Hammad Meer | MERN Stack & Full-Stack Web Developer" />
    <meta
      name="twitter:description"
      content="Portfolio of Hammad Meer (hammad meer dev) — MERN Stack Developer specializing in modern web applications."
    />
    <meta
      name="twitter:image"
      content="https://hammadmeer.netlify.app/hammad-meer.jpeg"
    />

    <!-- Favicon -->
    <link rel="icon" type="image/svg+xml" href="/logo.svg" />

    <!-- JSON-LD Schema.org Person -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Person",
      "name": "Hammad Meer",
      "alternateName": "hammad meer dev",
      "givenName": "Hammad",
      "familyName": "Meer",
      "url": "https://hammadmeer.netlify.app/",
      "sameAs": [
        "https://github.com/hammadmeer-dev",
        "https://www.facebook.com/hammad.mir.338?mibextid=ZbWKwL",
        "https://pk.linkedin.com/in/hammad-meer-dev",
        "https://www.instagram.com/hammadmeer_dev/"
      ],
      "jobTitle": "MERN Stack & Full-Stack Web Developer",
      "description": "I’m Hammad Meer (hammad meer dev) — a MERN Stack & Full-Stack Web Developer passionate about building fast, secure, and scalable web applications. I specialize in React.js, Node.js, MongoDB, and Express.js, creating responsive interfaces backed by efficient, secure back-end systems.",
      "image": "https://hammadmeer.netlify.app/hammad-meer.jpeg"
    }
    </script>
  </head>

  <body>
    <div id="root"></div>

    <!-- SEO-friendly static content for About section -->
    <section id="about" style="display:none;">
      <h1>Hammad Meer | MERN Stack & Full-Stack Web Developer | Helping Businesses Build Fast, Secure & Scalable Web Applications | React.js, Node.js, MongoDB, Express.js</h1>
      <p>
        I’m <strong>Hammad Meer</strong>, also known as <strong>hammad meer dev</strong> — a MERN Stack & Full-Stack Web Developer passionate about building fast, secure, and scalable web applications.
        I specialize in React.js, Node.js, MongoDB, and Express.js, creating responsive interfaces backed by efficient, secure back-end systems.
      </p>
      <p>
        My work includes social networking platforms, e-commerce applications, and dynamic dashboards, all designed with performance, security, and clean UI/UX in mind.
        I focus on turning complex challenges into simple, user-friendly solutions that deliver measurable results.
      </p>
      <p>
        <strong>Core Skills:</strong> MERN Stack Development, React.js, Node.js, MongoDB, Express.js, Tailwind CSS, REST APIs, JavaScript (ES6+).
      </p>
      <p>
        Currently seeking an Associate Developer role where I can contribute my skills, work on impactful projects, and continue growing as part of a talented engineering team. Let’s connect!
      </p>
    </section>

    <!-- React Entry -->
    <script type="module" src="/src/main.jsx"></script>
  </body>
</html>