-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
558 lines (510 loc) · 34.3 KB
/
Copy pathindex.html
File metadata and controls
558 lines (510 loc) · 34.3 KB
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
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Ankit - Full-Stack Software Developer specializing in Mathematical Information Retrieval">
<title>Ankit | Full-Stack Developer</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>
<!-- Navigation -->
<nav class="navbar">
<div class="container">
<div class="nav-brand">Ankit Kumar</div>
<button class="nav-toggle" id="navToggle">
<span></span>
<span></span>
<span></span>
</button>
<ul class="nav-menu" id="navMenu">
<li><a href="#home" class="nav-link">Home</a></li>
<li><a href="#about" class="nav-link">About</a></li>
<li><a href="#experience" class="nav-link">Experience</a></li>
<li><a href="#projects" class="nav-link">Projects</a></li>
<li><a href="#skills" class="nav-link">Skills</a></li>
<li><a href="#contact" class="nav-link">Contact</a></li>
</ul>
</div>
</nav>
<!-- Hero Section -->
<section id="home" class="hero">
<div class="container hero-container" style="display: flex; align-items: center; gap: 2rem;">
<!-- Hero Image (Left) -->
<div class="hero-image" style="flex: 0 0 250px;">
<img src="my_photo.png" alt="Ankit Kumar" style="width: 100%; border-radius: 50%; object-fit: cover;">
</div>
<!-- Hero Text Content (Right) -->
<div class="hero-content" style="flex: 1;">
<h1 class="hero-title">Hi, I'm <span class="gradient-text">Ankit Kumar</span></h1>
<h2 class="hero-subtitle">Flutter, Python & FastAPI Developer</h2>
<p class="hero-description">
Software engineer with expertise in <strong>Flutter</strong>, <strong>Python (FastAPI)</strong>, native Android integrations (<strong>Kotlin/Java</strong>), and <strong>NestJS</strong> backend architectures. Passionate about deploying scalable instances on <strong>AWS EC2</strong>, shipping production-grade applications to the <strong>Google Play Store</strong>, designing offline-first systems, and researching <strong>Mathematical Information Retrieval</strong>.
</p>
<div class="hero-buttons">
<a href="#projects" class="btn btn-primary">View Projects</a>
<a href="#contact" class="btn btn-secondary">Get In Touch</a>
</div>
<div class="social-links">
<a href="https://github.com/ak0586" target="_blank" aria-label="GitHub">
<i class="fab fa-github"></i>
</a>
<a href="https://linkedin.com" target="_blank" aria-label="LinkedIn">
<i class="fab fa-linkedin"></i>
</a>
</div>
</div>
</div>
</section>
<!-- About Section -->
<section id="about" class="about">
<div class="container">
<h2 class="section-title">About Me</h2>
<div class="about-content">
<div class="about-text">
<p>
I'm a mobile and full-stack software developer with hands-on experience shipping production-grade cross-platform applications to the <strong>Google Play Store</strong>. My engineering expertise centers around <strong>Flutter/Dart</strong>, native Android integrations (<strong>Kotlin/Java</strong>), building secure backend architectures using <strong>FastAPI</strong> and <strong>NestJS</strong>, and deploying scalable instances on <strong>AWS EC2</strong>.
</p>
<p>
Beyond building anti-theft security suites and collaborative mapping tools, I also conduct research in <strong>Mathematical Information Retrieval (MathIR)</strong>. I design <strong>custom embedding techniques</strong>, <strong>symbol-aware parsers</strong>, and <strong>clustering algorithms</strong> that make complex mathematical knowledge searchable and accessible.
</p>
<p>
My approach to software engineering is pragmatic, security-focused, and modern. I actively integrate <strong>LLM-assisted development</strong> workflows to accelerate prototyping, write clean code, and enforce rigorous quality standards. From designing <strong>offline-first systems</strong> to optimizing real-time sync pipelines, I focus on building impactful solutions that turn technical complexity into seamless user experiences.
</p>
<div class="about-highlights">
<div class="highlight-item">
<i class="fas fa-trophy"></i>
<h3>Favorite Project</h3>
<p>Cluster-Based Mathematical Information Retrieval</p>
</div>
<div class="highlight-item">
<i class="fas fa-heart"></i>
<h3>Hobbies</h3>
<p>Cricket, Travelling</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Experience Section -->
<section id="experience" class="experience">
<div class="container">
<h2 class="section-title">Work Experience</h2>
<div class="experience-list">
<div class="experience-card">
<div class="experience-header">
<div>
<h3 class="experience-role">Software Engineer Intern – Flutter Developer</h3>
<div class="experience-company">Arocoiris Technologies Pvt. Ltd.</div>
</div>
<span class="experience-duration">Jan 2026 – Apr 2026</span>
</div>
<div class="experience-details">
<strong style="color: var(--text-primary);">Project: InvestVerse (Cross-Platform Social Application)</strong>
<ul style="margin-top: 0.75rem; list-style: none; padding-left: 0;">
<li style="position: relative; padding-left: 1.5rem; margin-bottom: 0.75rem; color: var(--text-secondary); line-height: 1.6;">
<span style="position: absolute; left: 0; color: var(--primary-color);">✦</span>
Built and optimized core features for a social networking app in Flutter/Dart, delivering a pixel-perfect, multilingual Material3 UI across iOS and Android.
</li>
<li style="position: relative; padding-left: 1.5rem; margin-bottom: 0.75rem; color: var(--text-secondary); line-height: 1.6;">
<span style="position: absolute; left: 0; color: var(--primary-color);">✦</span>
Designed Firestore data models with security rules, compound indexing, and real-time listeners for efficient, access-controlled data management.
</li>
<li style="position: relative; padding-left: 1.5rem; margin-bottom: 0.75rem; color: var(--text-secondary); line-height: 1.6;">
<span style="position: absolute; left: 0; color: var(--primary-color);">✦</span>
Implemented user-blocking with automated deep cleanup of historical interactions (likes, comments, feeds) — maintaining strict data integrity across all collections.
</li>
<li style="position: relative; padding-left: 1.5rem; margin-bottom: 0.75rem; color: var(--text-secondary); line-height: 1.6;">
<span style="position: absolute; left: 0; color: var(--primary-color);">✦</span>
Refactored Provider-based state management and caching logic, resolving real-time sync issues and significantly improving search accuracy and UI responsiveness.
</li>
</ul>
</div>
<div class="experience-tech" style="margin-top: 1rem; display: flex; flex-wrap: wrap; gap: 0.5rem;">
<span class="tech-tag">Flutter</span>
<span class="tech-tag">Dart</span>
<span class="tech-tag">Firebase (Firestore/Auth)</span>
<span class="tech-tag">Provider</span>
<span class="tech-tag">Material3 UI</span>
<span class="tech-tag">Multilingual UI</span>
<span class="tech-tag">Agile</span>
</div>
</div>
</div>
</div>
</section>
<!-- Projects Section -->
<section id="projects" class="projects">
<div class="container">
<h2 class="section-title">Featured Projects</h2>
<!-- Featured Project: PhoneGuard -->
<div class="project-card featured">
<div class="project-content">
<span class="project-badge">Featured</span>
<h3 class="project-title">PhoneGuard: Anti-Theft & Lost Phone Finder</h3>
<p class="project-description">
An enterprise-grade anti-theft security suite and device recovery platform. It provides a secure, robust remote control bridge to track, secure, and locate devices even without active mobile data or Wi-Fi connectivity.
</p>
<div class="project-tech">
<span class="tech-tag">Flutter (Dart)</span>
<span class="tech-tag">Kotlin / Java</span>
<span class="tech-tag">NestJS</span>
<span class="tech-tag">Firebase (Firestore/Messaging/Storage)</span>
<span class="tech-tag">Device Admin SDK</span>
<span class="tech-tag">Android CameraX</span>
<span class="tech-tag">Foreground Services</span>
</div>
<div class="project-features" style="margin-top: 0.75rem; margin-bottom: 1.25rem;">
<strong>Key Features:</strong>
<ul style="margin: 0.5rem 0 0 1.25rem; line-height: 1.5; color: var(--text-secondary);">
<li><strong>Hybrid Recovery Engine:</strong> Seamlessly switches between a real-time Cloud Sync panel (Web Dashboard) and an Offline SMS Command Suite to control the device remotely.</li>
<li><strong>Silent Intruder Selfie:</strong> Utilizes Android CameraX to silently capture front-camera photos of intruders on failed PIN/Pattern screen-unlock attempts, automatically uploading them to private cloud storage.</li>
<li><strong>System-Level Native Control:</strong> Integrates Android Device Policy Manager (Device Admin SDK) to trigger secure screen locks and enable uninstall protection to prevent bypass attempts.</li>
<li><strong>Active SIM Change Detection:</strong> Background broadcast listeners monitor hardware changes, sending the new phone number and exact GPS coordinates to trusted safety numbers if a SIM card is swapped.</li>
<li><strong>Foreground Recovery Siren:</strong> Sounds a high-decibel alert siren, bypassing native volume controls, even when the device is set to silent.</li>
</ul>
</div>
<div class="project-links">
<a href="https://play.google.com/store/apps/details?id=com.kyvronix.phoneguard" target="_blank" class="btn btn-primary">
<i class="fab fa-google-play"></i> Google Play
</a>
<a href="https://phoneguard-web-dashboard.vercel.app/" target="_blank" class="btn btn-secondary">
<i class="fas fa-external-link-alt"></i> Web Dashboard
</a>
</div>
</div>
</div>
<!-- Featured Project: Bhumitra -->
<div class="project-card featured">
<div class="project-content">
<span class="project-badge">Featured</span>
<h3 class="project-title">Bhumitra: Collaborative GPS Land Measurement Platform</h3>
<p class="project-description">
A high-precision, collaborative geospatial land surveying platform designed for farmers, surveyors, and land professionals. It combines a cross-platform mobile client with a real-time sync backend to map land boundaries, calculate polygon areas (with Turf.js), and eliminate mobile coordinate jitter using spatial smoothing filters.
</p>
<div class="project-tech">
<span class="tech-tag">Flutter (Dart)</span>
<span class="tech-tag">Riverpod</span>
<span class="tech-tag">NestJS (TypeScript)</span>
<span class="tech-tag">PostgreSQL 15</span>
<span class="tech-tag">Redis 7</span>
<span class="tech-tag">Socket.io (WebSockets)</span>
<span class="tech-tag">Turf.js & OpenStreetMap</span>
<span class="tech-tag">Google Play Integrity API</span>
</div>
<div class="project-features" style="margin-top: 0.75rem; margin-bottom: 1.25rem;">
<strong>Key Features:</strong>
<ul style="margin: 0.5rem 0 0 1.25rem; line-height: 1.5; color: var(--text-secondary);">
<li><strong>Real-Time Collaborative Surveying:</strong> Supports multiplayer surveying rooms (via Socket.io and Redis) allowing team members to walk separate boundary quadrants simultaneously and visualize the aggregated polygon in real-time.</li>
<li><strong>Attestation Handshake:</strong> Secures client-server communication using Google Play Integrity API device verification and App ID Guards to prevent scraping and API piracy.</li>
<li><strong>Professional PDF Report Engine:</strong> Automatically calculates total land area, boundary perimeter, and coordinate lists, generating GIS PDF reports with map images to share via WhatsApp/Email.</li>
<li><strong>Smart Conversions & Bilingual Support:</strong> Instantly converts measurements across standard and traditional units (Acres, Hectares, Sq Ft, Sq Yards, Bigha, etc.) with localized support in English and Hindi (हिंदी).</li>
</ul>
</div>
<div class="project-links">
<a href="https://play.google.com/store/apps/details?id=app.ankit.bhumitra" target="_blank" class="btn btn-primary">
<i class="fab fa-google-play"></i> Google Play
</a>
<a href="https://github.com/ak0586/bhumitra" target="_blank" class="btn btn-secondary">
<i class="fab fa-github"></i> View Code
</a>
<a href="https://github.com/ak0586/bhumitra/blob/main/README.md" target="_blank" class="btn btn-secondary">
<i class="fas fa-book"></i> Documentation
</a>
</div>
</div>
</div>
<!-- Featured Project 1 -->
<div class="project-card featured">
<div class="project-content">
<span class="project-badge">Featured</span>
<h3 class="project-title">Fullstack Math Information Retrieval System</h3>
<p class="project-description">
A comprehensive clustering-based Mathematical Information Retrieval (MathIR) system featuring
Flutter frontend and FastAPI backend. Supports LaTeX/MathML search with cross-platform compatibility,
custom embedding techniques, symbol-aware parsers, and advanced clustering algorithms.
</p>
<div class="project-tech">
<span class="tech-tag">Flutter</span>
<span class="tech-tag">FastAPI</span>
<span class="tech-tag">Python</span>
<span class="tech-tag">LaTeX</span>
<span class="tech-tag">MathML</span>
</div>
<div class="project-links">
<a href="https://ak0586.github.io/Fullstack_Math_Information_Retrieval_System/" target="_blank" class="btn btn-primary">
<i class="fas fa-external-link-alt"></i> Live Demo
</a>
<a href="https://github.com/ak0586/Fullstack_Math_Information_Retrieval_System" target="_blank" class="btn btn-secondary">
<i class="fab fa-github"></i> View Code
</a>
</div>
</div>
</div>
<!--Featured Project 3 -->
<div class="project-card featured">
<div class="project-content">
<span class="project-badge">Featured</span>
<h3 class="project-title">Gaeinova Magic</h3>
<p class="project-description">
Built a full-stack e-commerce platform for handcrafted candles and festive gift combos.
The app pairs a responsive custom frontend (HTML, CSS, JavaScript) with a secure FastAPI backend and SQLite.
Users can browse products, add items to cart, and place orders with Cash on Delivery (COD).
Admins have a protected dashboard to manage the catalogue (add / edit / delete products), view orders and customer messages, and manage categories.
Deployed on AWS EC2 behind Nginx with HTTPS via Certbot.
</p>
<div class="project-tech">
<span class="tech-tag">Frontend: HTML, CSS, JavaScript</span>
<span class="tech-tag">Backend: FastAPI (Python)</span>
<span class="tech-tag">Database: SQLite (SQLAlchemy)</span>
<span class="tech-tag">Auth: JWT Tokens (python-jose)</span>
<span class="tech-tag">Image Uploads: multipart/form-data</span>
<span class="tech-tag">Deployment: AWS EC2, Nginx, Certbot SSL</span>
</div>
<div class="project-features" style="margin-top: 0.75rem;">
<strong>Key features:</strong>
<ul style="margin: 0.5rem 0 0 1.25rem; line-height: 1.4;">
<li>User: browse products, search, filter, add to cart, checkout (COD).</li>
<li>Admin: protected dashboard (add / delete / update products & categories).</li>
<li>Order processing: create orders, reduce stock, view order history.</li>
<li>Contact form & newsletter subscription; admin can view/delete messages.</li>
</ul>
</div>
<div class="project-links" style="margin-top: 1rem;">
<a href="https://www.gaeinova-magic.shop/" target="_blank" class="btn btn-primary">
<i class="fas fa-external-link-alt"></i> Live Demo
</a>
<a href="https://github.com/ak0586/gaeinova-magic" target="_blank" class="btn btn-secondary">
<i class="fab fa-github"></i> View Code
</a>
</div>
</div>
</div>
<!-- Other Projects Grid -->
<h3 class="subsection-title">Other Projects</h3>
<div class="projects-grid">
<div class="project-card">
<div class="project-content">
<h3 class="project-title">Weather Forecast App</h3>
<p class="project-description">
Real-time weather forecast application using OpenWeatherMap API. Displays comprehensive weather data
including temperature, humidity, wind speed, and pressure for any city or village worldwide.
Features intuitive search functionality and clean, responsive UI.
</p>
<div class="project-tech">
<span class="tech-tag">Flutter</span>
<span class="tech-tag">Dart</span>
</div>
<div class="project-links">
<a href="https://github.com/ak0586/weather_forecast_app" target="_blank" class="btn btn-secondary">
<i class="fab fa-github"></i> View Code
</a>
</div>
</div>
</div>
<!-- Project - Smart Amazon Scraper -->
<div class="project-card">
<div class="project-content">
<h3 class="project-title">Smart Amazon Scraper with Facebook & Telegram Posting</h3>
<p class="project-description">
Developed a Python automation tool that scrapes product data from Amazon India and automatically posts it to Facebook pages with Telegram notifications. The application streamlines affiliate marketing and social media merchandising by eliminating manual posting tasks. Features intelligent data extraction using BeautifulSoup, automated social media integration via Facebook Graph API, and real-time notifications through Telegram Bot API. Handles product information including titles, prices, ratings, and images with structured JSON data management.
</p>
<div class="project-tech">
<span class="tech-tag">Web Scraping: Python, BeautifulSoup, Requests</span>
<span class="tech-tag">Social Media APIs: Facebook Graph API, Telegram Bot API</span>
<span class="tech-tag">Data Management: JSON</span>
<span class="tech-tag">Automation: Scheduled Posting</span>
</div>
<div class="project-links">
<a href="https://github.com/ak0586/amazon_scrapper" target="_blank" class="btn btn-secondary">
<i class="fab fa-github"></i> View Code
</a>
</div>
</div>
</div>
<!-- Project - Automated YouTube Shorts Generator -->
<div class="project-card">
<div class="project-content">
<h3 class="project-title">Automated YouTube Shorts Generator</h3>
<p class="project-description">
Built an end-to-end automation tool that generates and uploads YouTube Shorts videos programmatically. The system selects random quotes from a JSON database, generates short video clips with captions and transitions using MoviePy, and automatically uploads them via YouTube Data API. Features include batch video processing, intelligent metadata management (titles, tags, thumbnails), scheduled posting capabilities, and FFmpeg integration for video encoding. This project demonstrates advanced video processing, API integration, and content automation workflows.
</p>
<div class="project-tech">
<span class="tech-tag">Video Processing: Python, FFmpeg, MoviePy</span>
<span class="tech-tag">API Integration: YouTube Data API v3</span>
<span class="tech-tag">Automation: Scheduling, Batch Processing</span>
<span class="tech-tag">Content Management: JSON Database, Metadata Handling</span>
</div>
<div class="project-links">
<a href="https://github.com/ak0586/automated_youtube_shorts" target="_blank" class="btn btn-secondary">
<i class="fab fa-github"></i> View Code
</a>
</div>
</div>
</div>
<div class="project-card">
<div class="project-content">
<h3 class="project-title">Youtube Video Downloader</h3>
<p class="project-description">
Developed a full-stack YouTube video downloader application that seamlessly integrates a clean and responsive Flutter frontend with a robust NestJS backend. The application leverages Python's yt-dlp library to fetch available video resolutions and formats. Users can select their desired resolution before initiating the download. Real-time download progress is streamed to the frontend using Server-Sent Events (SSE), ensuring a smooth and interactive user experience across Android, Web, and Desktop platforms.
</p>
<div class="project-tech">
<span class="tech-tag">Frontend: Flutter, Dart</span>
<span class="tech-tag">Backend: NestJS, Python</span>
<span class="tech-tag">Video Download Engine: yt-dlp</span>
<span class="tech-tag">Real-Time Updates: Server-Sent Events (SSE)</span>
</div>
<div class="project-links">
<a href="https://github.com/ak0586/youtube_video_downloader" target="_blank" class="btn btn-secondary">
<i class="fab fa-github"></i> View Code
</a>
</div>
</div>
</div>
<div class="project-card">
<div class="project-content">
<h3 class="project-title">Basic Calculator</h3>
<p class="project-description">
Developed a cross-platform calculator application using Flutter, designed to perform fundamental arithmetic operations such as addition, subtraction, multiplication, and division. The app features a clean and intuitive user interface, ensuring a seamless experience across various platforms, including Android, iOS, Web, Linux, macOS, and Windows. This project showcases proficiency in Flutter development and the ability to create responsive applications that function consistently across multiple devices.
</p>
<div class="project-tech">
<span class="tech-tag">Flutter</span>
<span class="tech-tag">Dart</span>
</div>
<div class="project-links">
<a href="https://github.com/ak0586/Basic_calculator" target="_blank" class="btn btn-secondary">
<i class="fab fa-github"></i> View Code
</a>
</div>
</div>
</div>
<div class="project-card">
<div class="project-content">
<h3 class="project-title">BMI Calculator</h3>
<p class="project-description">
A BMI calculator tool that calculates Body Mass Index based on height and weight for adult men and women.
</p>
<div class="project-tech">
<span class="tech-tag">Flutter</span>
<span class="tech-tag">Dart</span>
</div>
<div class="project-links">
<a href="https://github.com/ak0586/BMI-Calculator" target="_blank" class="btn btn-secondary">
<i class="fab fa-github"></i> View Code
</a>
</div>
</div>
</div>
<div class="project-card">
<div class="project-content">
<h3 class="project-title">Currency Converter App</h3>
<p class="project-description">
Currency converter application for real-time exchange rates across multiple currencies.
</p>
<div class="project-tech">
<span class="tech-tag">Flutter</span>
<span class="tech-tag">Dart</span>
<span class="tech-tag">API Integration</span>
</div>
<div class="project-links">
<a href="https://github.com/ak0586/currency_converter_app" target="_blank" class="btn btn-secondary">
<i class="fab fa-github"></i> View Code
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Skills Section -->
<section id="skills" class="skills">
<div class="container">
<h2 class="section-title">Technical Skills</h2>
<div class="skills-grid">
<div class="skill-category">
<h3><i class="fas fa-code"></i> Languages</h3>
<div class="skill-items">
<span class="skill-item">C++</span>
<span class="skill-item">Python</span>
<span class="skill-item">Dart</span>
<span class="skill-item">Kotlin</span>
<span class="skill-item">Java</span>
<span class="skill-item">TypeScript</span>
<span class="skill-item">JavaScript</span>
</div>
</div>
<div class="skill-category">
<h3><i class="fas fa-laptop-code"></i> Frameworks & Tools</h3>
<div class="skill-items">
<span class="skill-item">Flutter</span>
<span class="skill-item">NestJS</span>
<span class="skill-item">FastAPI</span>
<span class="skill-item">Firebase</span>
<span class="skill-item">PostgreSQL</span>
<span class="skill-item">Redis</span>
<span class="skill-item">Docker</span>
<span class="skill-item">Socket.io</span>
<span class="skill-item">VSCode</span>
</div>
</div>
<div class="skill-category">
<h3><i class="fas fa-brain"></i> Specializations</h3>
<div class="skill-items">
<span class="skill-item">Mobile Security</span>
<span class="skill-item">Geospatial Mapping & GPS</span>
<span class="skill-item">LLM-Assisted Development</span>
<span class="skill-item">Mathematical IR</span>
<span class="skill-item">LaTeX Processing</span>
<span class="skill-item">Clustering Algorithms</span>
<span class="skill-item">Symbol Parsing</span>
<span class="skill-item">Embedding Techniques</span>
</div>
</div>
<div class="skill-category">
<h3><i class="fas fa-mobile-alt"></i> Development</h3>
<div class="skill-items">
<span class="skill-item">Full-Stack Development</span>
<span class="skill-item">Mobile Apps</span>
<span class="skill-item">API Development</span>
<span class="skill-item">Real-time Systems</span>
</div>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="contact">
<div class="container">
<h2 class="section-title">Get In Touch</h2>
<div class="contact-content">
<p class="contact-description">
I'm always open to discussing new projects, creative ideas, or opportunities to be part of your visions.
</p>
<div class="contact-info">
<a href="mailto:er.ankit.kumar@zohomail.in" class="contact-link">
<i class="fas fa-envelope"></i>
<span>er.ankit.kumar@zohomail.in</span>
</a>
<a href="https://github.com/ak0586" target="_blank" class="contact-link">
<i class="fab fa-github"></i>
<span>github.com/ak0586</span>
</a>
<a href="https://linkedin.com" target="_blank" class="contact-link">
<i class="fab fa-linkedin"></i>
<span>LinkedIn Profile</span>
</a>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<p>© 2025 Ankit. Built with passion and code.</p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>