https://hasnainmakada-99.github.io/

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <!-- Basic Meta Tags -->
5    <meta charset="utf-8" />
6    <meta name="viewport" content="width=device-width, initial-scale=1" />
7    <meta name="theme-color" content="#000000" />
8    <meta name="author" content="Hasnain Makada" />
9    <meta name="keywords" content="Hasnain Makada, Full Stack Developer, React Developer, Web Developer, Portfolio, JavaScript, TypeScript, Node.js, Software Engineer, Frontend Developer, Backend Developer" />
10    <meta name="description" content="Hasnain Makada - Full Stack Developer & Software Engineer. Explore my portfolio showcasing innovative web applications, React projects, and cutting-edge development work. Specializing in modern JavaScript frameworks, responsive design, and scalable solutions." />
11    
12    <!-- Canonical URL -->
13    <link rel="canonical" href="https://hasnainmakada-99.github.io/" />
14    
15    <!-- Open Graph Meta Tags for Social Media -->
16    <meta property="og:type" content="website" />
17    <meta property="og:url" content="https://hasnainmakada-99.github.io/" />
18    <meta property="og:title" content="Hasnain Makada - Full Stack Developer & Software Engineer" />
19    <meta property="og:description" content="Explore my portfolio showcasing innovative web applications, React projects, and cutting-edge development work. Specializing in modern JavaScript frameworks and scalable solutions." />
20    <meta property="og:image" content="https://hasnainmakada-99.github.io/Og_Cover.png" />
21    <meta property="og:image:width" content="1200" />
22    <meta property="og:image:height" content="630" />
23    <meta property="og:image:alt" content="Hasnain Makada Portfolio Preview" />
24    <meta property="og:site_name" content="Hasnain Makada Portfolio" />
25    <meta property="og:locale" content="en_US" />
26    
27    <!-- Twitter Card Meta Tags -->
28    <meta name="twitter:card" content="summary_large_image" />
29    <meta name="twitter:url" content="https://hasnainmakada-99.github.io/" />
30    <meta name="twitter:title" content="Hasnain Makada - Full Stack Developer & Software Engineer" />
31    <meta name="twitter:description" content="Explore my portfolio showcasing innovative web applications, React projects, and cutting-edge development work." />
32    <meta name="twitter:image" content="https://hasnainmakada-99.github.io/Og_Cover.png" />
33    <meta name="twitter:image:alt" content="Hasnain Makada Portfolio Preview" />
34    <meta name="twitter:creator" content="@hasnainmakada" />
35    
36    <!-- Favicon and Icons -->
37    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
38    <link rel="apple-touch-icon" href="./logo192.png" />
39    <link rel="manifest" href="./manifest.json" />
40    
41    <!-- Fonts Preconnect -->
42    <link rel="preconnect" href="https://fonts.googleapis.com">
43    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
44    <link href="https://fonts.googleapis.com/css2?family=Lexend+Giga:[email protected]&display=swap" rel="stylesheet">
45    
46    <!-- Title -->
47    <title>Hasnain Makada - Full Stack Developer & Software Engineer | Portfolio</title>
48    
49    <!-- Structured Data (JSON-LD) for Rich Search Results -->
50    <!-- Robots Meta Tag -->
51    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
52    
53    <!-- Geo Tags -->
54    <meta name="geo.region" content="IN" />
55    <meta name="geo.placename" content="India" />
56    
57    <!-- Application Info -->
58    <meta name="application-name" content="Hasnain Makada Portfolio" />
59    <meta name="apple-mobile-web-app-title" content="Hasnain Makada" />
60    <meta name="revisit-after" content="7 days" />
61    
62    <!-- Structured Data (JSON-LD) for Rich Search Results -->
63    

63<script type="application/ld+json">
64    [
65      {
66        "@context": "https://schema.org",
67        "@type": "Person",
68        "name": "Hasnain Makada",
69        "url": "https://hasnainmakada-99.github.io",
70        "image": "https://hasnainmakada-99.github.io/Og_Cover.png",
71        "jobTitle": "Full Stack Developer",
72        "worksFor": {
73          "@type": "Organization",
74          "name": "Freelance"
75        },
76        "sameAs": [
77          "https://github.com/hasnainmakada-99",
78          "https://linkedin.com/in/hasnainmakada",
79          "https://twitter.com/hasnainmakada"
80        ],
81        "knowsAbout": ["Web Development", "React", "JavaScript", "TypeScript", "Node.js", "Full Stack Development", "Software Engineering"],
82        "description": "Full Stack Developer specializing in modern web technologies, React applications, and scalable solutions."
83      },
84      {
85        "@context": "https://schema.org",
86        "@type": "WebSite",
87        "name": "Hasnain Makada Portfolio",
88        "url": "https://hasnainmakada-99.github.io/",
89        "potentialAction": {
90          "@type": "SearchAction",
91          "target": "https://hasnainmakada-99.github.io/?q={search_term_string}",
92          "query-input": "required name=search_term_string"
93        }
94      }
95    ]
96    </script>

96
97    

97<script type="module" crossorigin src="./static/index-DQyjwC9K.js"></script>

97
98    <link rel="stylesheet" crossorigin href="./static/index-DFvTBpwF.css">
99  </head>
100  <body>
101    <noscript>You need to enable JavaScript to run this app.</noscript>
102    <div id="root"></div>
103  </body>
104</html>