surkar.in/index.html at main · thesmallstar/surkar.in · 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
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Manthan Surkar</title>
    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/geist@1.3.1/dist/font.min.js"></script>
    <link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
    <link rel="manifest" href="assets/favicon/site.webmanifest">
    <style>
        body {
            font-family: 'Geist Sans', sans-serif;
            color: #d4d4d4;
            font-size: 16px;
            background-color: #111010;
        }

        a {
            color: white;
            text-decoration: underline;
        }

        a:hover {
            color: #d4d4d4;
        }

        .header-menu a {
            color: white;
            font-size: 16px;
            text-decoration: none;
        }

        .company-item img {
            height: 100px;
        }

        .header-menu a:hover {
            color: #d4d4d4;
        }

        .text-sm {
            font-size: 16px;
        }

        .section {
            margin-bottom: 40px;
            color: #d4d4d4;
        }

        .section-title {
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 16px;
            color: #d4d4d4;
        }

        .content {
            margin-bottom: 16px;
        }

        .company-logo {
            max-width: 100px;
            margin-right: 16px;
            vertical-align: middle;
            background-color: #fff;
            padding: 8px;
            border-radius: 8px;
        }

        .company-logo.seezo {
            background-color: #000;
        }

        .company-item {
            display: flex;
            align-items: center;
            margin-bottom: 16px;
        }

        .footer {
            text-align: center;
            margin-top: 40px;
            font-size: 14px;
            color: #d4d4d4;
        }

        .footer span {
            display: inline-block;
            margin-left: 5px;
        }

        .flex-img {
            display: flex;
            justify-content: center;
            gap: 1rem;
            margin-bottom: 2rem;
        }
        .flex-img img {
            flex: 1 1 0;
            object-fit: cover;
        }
    </style>
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-HL3FHN58R6"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());

        gtag('config', 'G-HL3FHN58R6');
    </script>
</head>

<body class="antialiased max-w-2xl mb-40 flex flex-col md:flex-row mx-4 mt-8 lg:mx-auto text-white">
    <!-- Main Container -->
    <main class="flex-auto min-w-0 mt-6 flex flex-col px-2 md:px-0">
        <!-- Navigation Menu -->
        <nav class="mb-10">
            <ul class="flex flex-wrap justify-center sm:justify-start -mx-2 header-menu">
                <li class="px-2 py-1"><a href="#home">Home</a></li>
                <li class="px-2 py-1"><a href="#work">Work</a></li>
                <li class="px-2 py-1"><a href="#opensource">Opensource</a></li>
                <li class="px-2 py-1"><a href="#launches">Launches</a></li>
                <li class="px-2 py-1"><a href="#blog">Blog</a></li>
                <li class="px-2 py-1"><a href="#connect">Connect</a></li>
            </ul>
        </nav>
        <!-- Message -->
        <div class="mb-8">
            <p id="greeting" class="text-xl text-left">🙏 Namaskar, I'm Manthan Surkar</p>
        </div>

        <!-- Images -->
        <div class="flex-img">
            <div>
            <img src='/assets/me/1.jpeg' alt="Manthan Surkar" />
        </div>
        <div>
            <img src='/assets/me/3.avif' alt="Manthan Surkar" />
            </div>
            <div>
            <img src='/assets/me/2.jpeg' alt="Manthan Surkar" />
        </div>
        </div>

        <!-- About Section -->
        <div id="home" class="section text-left text-sm">
            <p class="content">I am a Lead Engineer (Backend, Applied AI & Infra) from Maharashtra, India. I have a passion for space science and yoga, and I'm interested in early-stage startups (or creating them).</p>
            <p class="content">I graduated from IIIT-Allahabad in 2022 with a B.Tech in Information Technology. I received a 🥇 gold medal for my final year performance and a 🥈 silver medal for overall performance.</p>
            <p class="content">On the technical side, I specialize in backend engineering, AI pipelines, and infrastructure. I'm currently at Seezo.io where I lead AI research, backend, and infra from scratch. I've won 10+ hackathons including ETHIndia and Smart India Hackathon.</p>
        </div>

        <!-- Work Section -->
        <div id="work" class="section text-left text-sm">
            <div class="section-title">Work</div>

            <div class="company-item">
                <img src="assets/images/seezo.avif" alt="Seezo.io" class="company-logo seezo" />
                <div>
                    <strong>Lead & Founding Engineer @ Seezo.io</strong>
                    <p>Lead AI research, backend, and infrastructure from scratch. Built and optimized AI pipelines including lightweight AI agents, RAG, evals, and advanced search using Agno and LangChain. Managed infra across AWS and Azure with Terraform. Scaled the engineering team from 1 to 7+.</p>
                </div>
            </div>

            <div class="company-item">
                <img src="assets/images/bx.svg" alt="BharatX" class="company-logo" />
                <div>
                    <strong>Software Engineer @ BharatX</strong>
                    <p>Reduced credit risk analysis costs by over 75% through improved analytics and monitoring. Enhanced backend observability with Prometheus and Grafana across 5+ microservices. Built a unified messaging layer for WhatsApp and SMS.</p>
                </div>
            </div>

            <div class="company-item">
                <img src="assets/images/rzp.svg" alt="Razorpay" class="company-logo" />
                <div>
                    <strong>Senior Software Engineer @ Razorpay</strong>
                    <p>Increased Auto-KYC coverage from 10% to over 75% by building and deploying CNN models for captcha solving and automating verification workflows. Contributed to the Account Service — decomposing a monolith into a high-performance service handling 10K+ RPS. Received top 1% employee rating across all review cycles.</p>
                </div>
            </div>
        </div>

        <!-- Opensource Section -->
        <div id="opensource" class="section text-left text-sm">
            <div class="section-title">Opensource</div>
            <p class="content">Check out my GitHub: <a href="https://github.com/thesmallstar">thesmallstar</a></p>
            <p class="content">I love open-source ❤️ and am a contributor and committer for <a href="https://fineract.apache.org">Apache Fineract</a> via GSoC 2020, with 100+ PRs merged. I also mentored for the project in 2021 and 2022.</p>
            <p class="content">I maintain <a href="https://github.com/thesmallstar/slackify-markdown-python">Slackify Markdown</a>, a Python package with <strong>2.5M+ downloads</strong>. Other contributions include <a href="https://github.com/langchain-ai/langchain">LangChain</a>, <a href="https://github.com/openemr/openemr">OpenEMR</a>, and <a href="https://www.phpmyadmin.net/">phpMyAdmin</a>.</p>
            <p class="content">This website is also open source! You can find the code at <a href="https://github.com/thesmallstar/surkar.in">github.com/thesmallstar/surkar.in</a>.</p>
        </div>

        <!-- Launches Section -->
        <div id="launches" class="section text-left text-sm">
            <div class="section-title">Launches</div>
            <ul style="list-style: disc; padding-left: 1.2rem; line-height: 2;">
                <li><a href="http://bhava.app"><strong>Bhava.app</strong></a> — AI diagramming tool; <strong>5th Product of the Day</strong> on <a href="https://www.producthunt.com/products/bhava/launches/bhava">Product Hunt</a>. 2500+ users, 30+ paying customers.</li>
                <li><a href="http://patra.app"><strong>Patra.app</strong></a> — AI tool to manage Jira from Slack; <strong>17th Product of the Day</strong> on <a href="https://www.producthunt.com/products/patra/launches/patra">Product Hunt</a>.</li>
                <li><a href="http://abha.page"><strong>Abha.page</strong></a> — Color palette generator with live demo; <strong>18th Product of the Day</strong> on <a href="https://www.producthunt.com/products/abha-page/launches/abha-page">Product Hunt</a>.</li>
                <li><a href="https://chromewebstore.google.com/detail/prana-your-time-is-limite/leggjfhgckdnbkhgmlifalfhhbmlajbh?hl=en"><strong>Prana</strong></a> — Chrome extension to track remaining time; <strong>14th Product of the Day</strong> on <a href="https://www.producthunt.com/products/prana-your-time-is-limited/launches/prana-your-time-is-limited">Product Hunt</a>.</li>
                <li><strong>Hostetic</strong> — Web hosting platform built in college; scaled to 1000+ users, later acquired. <a href="https://www.truetricks.com/how-i-quickly-got-more-than-1000-active-accounts-on-my-web-service-website-hosetic-journey-learning/">Story</a>.</li>
            </ul>
        </div>

        <!-- Blog Section -->
        <div id="blog" class="section text-left text-sm">
            <div class="section-title">Blog</div>
            <p class="content">Visit my blog at <a target="_blank" href="https://blog.surkar.in/">link</a> where I am mainly writing about AI/LLMs.</p>
            <p class="content">I used to blog at <a target="_blank" href="https://truetricks.com">truetricks.com</a> (2013 school days). I am moving to a new blog at <a target="_blank" href="https://blog.surkar.in/">blog.surkar.in</a> and archiving the old one as a memory :D</p>
        </div>

        <!-- Connect Section -->
        <div id="connect" class="section text-left text-sm">
            <div class="section-title">Let's Connect!</div>
            <p class="content">
                <a href="https://x.com/manthan_surkar" target="_blank" style="display: flex; align-items: center;">
                    <img src="assets/icons/x.webp" alt="Twitter" style="width: 24px; height: 24px; margin-right: 8px;">
                    Twitter
                </a>
            </p>
            <p class="content">
                <a href="https://www.linkedin.com/in/manthansurkar" target="_blank" style="display: flex; align-items: center;">
                    <img src="assets/icons/linkedin.png" alt="LinkedIn" style="width: 24px; height: 24px; margin-right: 8px;">
                    LinkedIn
                </a>
            </p>
            <p class="content">
                <a href="https://calendly.com/surkar/30min" target="_blank" style="display: flex; align-items: center;">
                    <img src="assets/icons/calendly.jpeg" alt="Calendly" style="width: 24px; height: 24px; margin-right: 8px;">
                    Calendly
                </a>
            </p>
            <p class="content">
                <a href="mailto:manthan.surkar@gmail.com" style="display: flex; align-items: center;">
                    <img src="assets/icons/email.webp" alt="Email" style="width: 24px; height: 24px; margin-right: 8px;">
                    Email
                </a>
            </p>
        </div>

        <!-- Footer -->
        <footer class="footer">
            Made in Bharat 🇮🇳
        </footer>

    </main>
    <script>
        let isEnglish = true;
        const greetingElement = document.getElementById('greeting');

        setInterval(() => {
            if (isEnglish) {
                greetingElement.innerHTML = '🙏 Namaskar, I\'m Manthan Surkar';
            } else {
                greetingElement.innerHTML = '🙏 नमस्कार, मी मंथन सूरकर';
            }
            isEnglish = !isEnglish;
        }, 2000); // Change every 2 seconds
    </script>

    <script>
        window.addEventListener('load', () => {
            const images = document.querySelectorAll('.flex-img img');
            let minHeight = Math.min(...Array.from(images).map(img => img.height));
            images.forEach(img => {
                img.style.maxHeight = `${minHeight}px`;
            });
        });
    </script>
</body>

</html>