my-site/index.html at main · mahatolalit/my-site · 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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Primary Meta Tags -->
    <title>Lalit Mahato — Web Developer Portfolio | React, Next.js & Full Stack</title>
    <meta name="title" content="Lalit Mahato — Web Developer Portfolio | React, Next.js & Full Stack" />
    <meta name="description" content="Lalit Mahato is a web developer specializing in React, Next.js, Node.js and full-stack development. Explore his interactive macOS-themed portfolio showcasing projects, skills, and experience." />
    <meta name="author" content="Lalit Mahato" />
    <meta name="robots" content="index, follow, max-image-preview:none, max-snippet:-1, max-video-preview:-1" />
    <meta name="googlebot" content="index, follow" />
    <link rel="canonical" href="https://lalitmahato.xyz/" />

    <!-- Favicon -->
    <link rel="icon" type="image/svg+xml" href="/favicon/LM_Logo.svg" />
    <link rel="apple-touch-icon" href="/favicon/LM_Logo.svg" />

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://lalitmahato.xyz/" />
    <meta property="og:title" content="Lalit Mahato — Web Developer Portfolio" />
    <meta property="og:description" content="Explore Lalit Mahato's interactive portfolio — a web developer specializing in React, Next.js, and full-stack development. View projects, skills, and get in touch." />
    <meta property="og:image" content="https://lalitmahato.xyz/images/wallpaper.jpg" />
    <meta property="og:site_name" content="Lalit Mahato Portfolio" />
    <meta property="og:locale" content="en_US" />

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:url" content="https://lalitmahato.xyz/" />
    <meta name="twitter:title" content="Lalit Mahato — Web Developer Portfolio" />
    <meta name="twitter:description" content="Web developer specializing in React, Next.js, Node.js and full-stack development. Interactive macOS-themed portfolio." />
    <meta name="twitter:image" content="https://lalitmahato.xyz/images/wallpaper.jpg" />
    <meta name="twitter:creator" content="@_mahatolalit" />
    <meta name="twitter:site" content="@_mahatolalit" />

    <!-- Additional SEO -->
    <meta name="theme-color" content="#000000" />
    <meta name="application-name" content="Lalit Mahato Portfolio" />
    <meta name="subject" content="Web Development Portfolio" />
    <meta name="classification" content="Portfolio" />
    <meta name="rating" content="General" />
    <meta name="referrer" content="origin-when-cross-origin" />

    <!-- Geo Meta Tags -->
    <meta name="geo.region" content="IN" />
    <meta name="geo.placename" content="India" />

    <!-- JSON-LD Structured Data: Person -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Person",
      "name": "Lalit Mahato",
      "url": "https://lalitmahato.xyz",
      "image": "https://lalitmahato.xyz/images/wallpaper.jpg",
      "jobTitle": "Web Developer",
      "description": "Web developer specializing in React, Next.js, Node.js and full-stack development, building sleek and interactive web applications.",
      "knowsAbout": [
        "Web Development", "React.js", "Next.js", "JavaScript", "Node.js",
        "Express.js", "MongoDB", "PostgreSQL", "Tailwind CSS", "HTML", "CSS",
        "React Native", "Full Stack Development", "Frontend Development",
        "REST APIs", "Git", "GitHub"
      ],
      "sameAs": [
        "https://github.com/mahatolalit",
        "https://x.com/_mahatolalit",
        "https://www.linkedin.com/in/lalitmahato1/"
      ],
      "address": {
        "@type": "PostalAddress",
        "addressCountry": "IN"
      }
    }
    </script>

    <!-- JSON-LD Structured Data: WebSite -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "Lalit Mahato — Web Developer Portfolio",
      "url": "https://lalitmahato.xyz",
      "description": "Interactive macOS-themed portfolio of Lalit Mahato, a web developer specializing in React, Next.js, and full-stack development.",
      "author": {
        "@type": "Person",
        "name": "Lalit Mahato"
      }
    }
    </script>

    <!-- JSON-LD Structured Data: Portfolio/CreativeWork -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "ItemList",
      "name": "Lalit Mahato's Projects",
      "description": "Web development projects by Lalit Mahato",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "item": {
            "@type": "CreativeWork",
            "name": "Authentication System with Email Verification",
            "description": "A secure full-stack authentication system using JWT, Node.js, Express with SMTP-integrated OTP verification and token-based password resets.",
            "url": "https://authsystem.lalitmahato.xyz",
            "author": { "@type": "Person", "name": "Lalit Mahato" }
          }
        },
        {
          "@type": "ListItem",
          "position": 2,
          "item": {
            "@type": "CreativeWork",
            "name": "Kairos — Real-time Chat Application",
            "description": "A live messaging application built with Node.js, Socket.IO, JWT authentication, Cloudinary image sharing, and MongoDB.",
            "url": "https://kairos.lalitmahato.xyz",
            "author": { "@type": "Person", "name": "Lalit Mahato" }
          }
        }
      ]
    }
    </script>

    <!-- JSON-LD: BreadcrumbList -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Home",
          "item": "https://lalitmahato.xyz"
        }
      ]
    }
    </script>
  </head>
  <body>
    <div id="root"></div>

    <!-- Noscript SEO fallback: full content for crawlers that don't execute JavaScript -->
    <noscript>
      <div style="max-width:800px;margin:0 auto;padding:40px 20px;font-family:system-ui,-apple-system,sans-serif;color:#333;">
        <header>
          <h1>Lalit Mahato — Web Developer Portfolio</h1>
          <p>Hey, I'm Lalit! A web developer who enjoys building sleek, interactive websites that actually work well. I specialize in JavaScript, React, and Next.js—and I love making things feel smooth, fast, and delightful.</p>
        </header>

        <main>
          <section>
            <h2>About Lalit Mahato</h2>
            <p>Lalit Mahato is a full-stack web developer based in India. He specializes in building modern web applications with React.js, Next.js, Node.js, and other cutting-edge technologies. With a strong focus on clean UI, excellent UX, and maintainable code, Lalit creates web experiences that are both beautiful and functional.</p>
          </section>

          <section>
            <h2>Technical Skills &amp; Tech Stack</h2>
            <ul>
              <li><strong>Frontend:</strong> React.js, JavaScript, HTML/CSS</li>
              <li><strong>Mobile:</strong> React Native, Expo</li>
              <li><strong>Styling:</strong> Tailwind CSS, Sass, CSS</li>
              <li><strong>Backend:</strong> Node.js, Express</li>
              <li><strong>Database:</strong> MongoDB, PostgreSQL</li>
              <li><strong>Dev Tools:</strong> Git, GitHub, Postman</li>
            </ul>
          </section>

          <section>
            <h2>Web Development Projects</h2>
            <article>
              <h3>Authentication System with Email Verification</h3>
              <p>A secure full-stack authentication system built with Node.js and Express. Features JWT-based stateless session management, middleware-based route protection, SMTP-integrated OTP verification, and token-based password resets with strict expiration policies.</p>
              <p><a href="https://authsystem.lalitmahato.xyz">View Project →</a></p>
            </article>
            <article>
              <h3>Kairos — Real-time Chat Application</h3>
              <p>A full-stack live messaging application built with Node.js and Socket.IO. Features secure JWT login, real-time messaging, image sharing via Cloudinary, and persistent message history stored in MongoDB.</p>
              <p><a href="https://kairos.lalitmahato.xyz">View Project →</a></p>
            </article>
          </section>

          <section>
            <h2>Contact Lalit Mahato</h2>
            <p>Interested in working together? Get in touch!</p>
            <ul>
              <li><a href="https://github.com/mahatolalit">GitHub — mahatolalit</a></li>
              <li><a href="https://www.linkedin.com/in/lalitmahato1/">LinkedIn — Lalit Mahato</a></li>
              <li><a href="https://x.com/_mahatolalit">Twitter/X — @_mahatolalit</a></li>
            </ul>
          </section>

          <section>
            <h2>Resume</h2>
            <p>Resume available upon request. Contact Lalit via LinkedIn or the contact form.</p>
          </section>
        </main>

        <footer>
          <p>&copy; 2026 Lalit Mahato. Web Developer Portfolio. All rights reserved.</p>
        </footer>
      </div>
    </noscript>

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