-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout-developer.html
More file actions
518 lines (476 loc) · 24.1 KB
/
about-developer.html
File metadata and controls
518 lines (476 loc) · 24.1 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
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="description" content="About Shashwat Gupta - Developer of Talken and Founder of Flex Studios" />
<title>Talken - About The Developer</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<nav class="top-nav">
<div class="nav-container">
<div class="nav-logo">
<div class="logo-icon">T</div>
</div>
<div class="nav-title">
<h1>Talken</h1>
</div>
<div class="nav-actions">
<button id="themeToggle" class="theme-toggle-btn" aria-label="Toggle theme">
<span class="theme-icon">🌓</span>
</button>
</div>
</div>
</nav>
<button class="menu-toggle" id="menuToggle" aria-label="Open menu">
<span></span>
<span></span>
<span></span>
</button>
<nav class="right-sidebar" id="rightSidebar" aria-label="Sidebar">
<div class="sidebar-header">
<h3>Navigation</h3>
</div>
<ul class="sidebar-menu">
<li><a href="index.html">🏠 Home</a></li>
<li><a href="downloads.html">📥 Downloads</a></li>
<li><a href="about-developer.html" class="active">👨💻 About Developer</a></li>
<li><a href="privacy-policy.html">🔒 Privacy Policy</a></li>
<li><a href="terms-and-conditions.html">📋 Terms & Conditions</a></li>
</ul>
</nav>
<div class="sidebar-overlay" id="sidebarOverlay" aria-hidden="true"></div>
<main class="main-content">
<header class="page-header">
<div class="container">
<h1>About The Developer</h1>
<p>Meet Shashwat Gupta - The mind behind Talken</p>
</div>
</header>
<section class="content">
<div class="container">
<div class="developer-intro">
<div class="developer-profile">
<div class="profile-image-placeholder">
<div class="profile-icon">SG</div>
</div>
<div class="profile-info">
<h2>Shashwat Gupta</h2>
<p class="profile-title">Founder & Lead Developer, Flex Studios</p>
<p class="profile-location">📍 Prayagraj, Uttar Pradesh, India</p>
</div>
</div>
</div>
<div class="hardware-section">
<div class="container">
<div class="hardware-content">
<h2 class="section-title">Building Against The Odds</h2>
<p class="section-description">Evolving the development setup to deliver a polished, privacy-first experience with Talken.</p>
<div class="hardware-card">
<h3>Current Development Rig</h3>
<p>Recently upgraded specifically to accelerate ongoing development of Talken.</p>
<div class="hardware-specs">
<div class="spec-item">
<div class="spec-label">Laptop</div>
<div class="spec-value">Asus TUF Gaming F16 (2025)</div>
</div>
<div class="spec-item">
<div class="spec-label">Processor</div>
<div class="spec-value">Intel Core i7-14650HX</div>
</div>
<div class="spec-item">
<div class="spec-label">Graphics</div>
<div class="spec-value">NVIDIA RTX 5060 — 8 GB</div>
</div>
<div class="spec-item">
<div class="spec-label">Memory</div>
<div class="spec-value">32 GB DDR5-5600</div>
</div>
<div class="spec-item">
<div class="spec-label">Storage</div>
<div class="spec-value">1 TB NVMe SSD</div>
</div>
</div>
<p>This setup enables faster builds, smoother tooling, and shorter iteration loops—directly translating to a better Talken experience.</p>
</div>
<div class="hardware-card" style="margin-top:2rem;">
<h3>Previous Development Setup</h3>
<p>Every line of the earliest Talken prototypes was written on modest hardware that demanded discipline and ingenuity.</p>
<div class="hardware-specs">
<div class="spec-item">
<div class="spec-label">Device</div>
<div class="spec-value">Microsoft Surface Pro 5</div>
</div>
<div class="spec-item">
<div class="spec-label">Processor</div>
<div class="spec-value">Intel i5-7300U</div>
</div>
<div class="spec-item">
<div class="spec-label">Memory</div>
<div class="spec-value">4 GB DDR3 @ 1867Hz</div>
</div>
<div class="spec-item">
<div class="spec-label">Graphics</div>
<div class="spec-value">Integrated Only</div>
</div>
<div class="spec-item">
<div class="spec-label">Storage</div>
<div class="spec-value">128 GB SSD</div>
</div>
<div class="spec-item">
<div class="spec-label">Display</div>
<div class="spec-value">12" Touch Screen</div>
</div>
<div class="spec-item">
<div class="spec-label">IntelliJ Load Time</div>
<div class="spec-value">57 seconds</div>
</div>
</div>
<p><strong>The Reality:</strong> Android Studio wouldn’t even start. Phone connectivity for testing was impractical. Every IDE took nearly a minute to load. Yet this constraint-driven environment became the foundation for creating 18 applications and counting.</p>
</div>
</div>
</div>
</div>
<div class="journey-timeline">
<div class="container">
<h2 class="section-title">The Coding Journey</h2>
<p class="section-description">From hating programming to building revolutionary software — a transformation story.</p>
<div class="timeline-item">
<div class="timeline-date">Oct 2023</div>
<div class="timeline-content">
<h3>The Turning Point</h3>
<p>Until my 9th grade half-yearly exams, I genuinely despised coding. It seemed pointless, complex, and utterly boring. But on November 8th, 2023, a simple idea changed everything — what if I could create a character that moves across a terminal screen based on user input?</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-date">Nov 2023</div>
<div class="timeline-content">
<h3>First Breakthrough</h3>
<p>Using nothing but BlueJ — a beginner IDE that struggles with codebases over 1000 lines — I created my first program. A simple character spawner that placed alphanumeric characters at specific positions. Then I evolved it into an 8‑line player character, added animations by clearing the terminal every 500ms, and made it walk across the screen. All within a month.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-date">Late 2023</div>
<div class="timeline-content">
<h3>First GUI Applications</h3>
<p>The terminal wasn’t enough anymore. I created my first GUI application — a Click Per Second tester. Then came my first game: Rex Run, inspired by Chrome’s dinosaur game and Geometry Dash. The addiction to creating had begun.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-date">2024</div>
<div class="timeline-content">
<h3>The Creative Explosion</h3>
<p>What followed was an unstoppable creative streak. I built 16 more applications: Ping Pong Game, Flying Dual (local multiplayer), Flappy Bird, Memo (Simon replica), Tic Tac Toe, SG Paint (MS Paint replica), Notes (a more capable notepad), four widgets (Weather, Clock, Mixed, Transparent Clock), a JRE Installer, a floating keyboard, and a color picker.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-date">Jan 2024</div>
<div class="timeline-content">
<h3>The Talken Vision</h3>
<p>The idea for Talken was born — a privacy‑first chat application that would redefine how we think about digital communication. I spent months exploring the right technologies.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-date">Dec 2024</div>
<div class="timeline-content">
<h3>Technology Discovery</h3>
<p>After months of research and learning, I identified the stack to bring Talken to life. The vision was clear, the tools were ready.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-date">Apr 2025</div>
<div class="timeline-content">
<h3>Academic Excellence & Resume</h3>
<p>Achieved 95% in my board exams and resumed serious work on Talken with renewed focus, clarity, and momentum.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-date">May 2025</div>
<div class="timeline-content">
<h3>First Test Version</h3>
<p>The first testable build of Talken was ready — laying the foundation for a privacy‑first messaging experience.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-date">June 2025</div>
<div class="timeline-content">
<h3>Decentralized Storage Systems Completed</h3>
<p>Shipped the decentralized storage layer that powers user‑owned data. Introduced content‑addressed media, integrity checks, and resilient, resumable uploads to personal cloud storage.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-date">July–Aug 2025</div>
<div class="timeline-content">
<h3>Decentralized Server Systems Built</h3>
<p>Implemented lightweight, stateless coordination services and relay nodes for presence, signaling, and push delivery — horizontally scalable and region‑aware by design.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-date">Sep–Oct 2025</div>
<div class="timeline-content">
<h3>Decentralized Databases Built</h3>
<p>Delivered a distributed metadata index with conflict‑free replication to keep conversations discoverable and in sync, while preserving user ownership and enabling offline‑first behavior.</p>
</div>
</div>
<div class="timeline-item launched">
<div class="timeline-date">Oct 20, 2025</div>
<div class="timeline-content">
<h3>Talken MVP Launched <span class="launched-badge">Launched</span></h3>
<p>Public release of Talken MVP. Users can now download and experience privacy-first chat with decentralized architecture. The complete desktop application is available with all core features: 1:1 messaging, Google Drive-backed storage, end-to-end encryption, and secure authentication.</p>
</div>
</div>
</div>
</div>
<div class="projects-gallery">
<div class="container">
<h2 class="section-title">Project Showcase</h2>
<p class="section-description">A visual journey through 18 applications built with passion and determination.</p>
<div class="projects-grid">
<div class="project-card">
<div class="project-image">
<img src="res/talken-app.png" alt="Talken Application" style="width: 100%; height: 100%; object-fit: cover;" loading="lazy" decoding="async" onerror="this.parentElement.innerHTML='💬 Talken Screenshot'">
</div>
<div class="project-info">
<h4>Talken</h4>
<p>Privacy-first chat application with Google Drive integration</p>
<span class="project-type">Communication</span>
</div>
</div>
<div class="project-card">
<div class="project-image">
<img src="res/sg-paint.png" alt="SG Paint Application" style="width: 100%; height: 100%; object-fit: cover;" loading="lazy" decoding="async" onerror="this.parentElement.innerHTML='🎨 SG Paint Screenshot'">
</div>
<div class="project-info">
<h4>SG Paint</h4>
<p>Full-featured painting application, replica of MS Paint</p>
<span class="project-type">Creative Tool</span>
</div>
</div>
<div class="project-card">
<div class="project-image">
<img src="res/rex-run-game.png" alt="Rex Run Game" style="width: 100%; height: 100%; object-fit: cover;" loading="lazy" decoding="async" onerror="this.parentElement.innerHTML='🦖 Rex Run Game Screenshot'">
</div>
<div class="project-info">
<h4>Rex Run</h4>
<p>Endless runner inspired by Chrome Dino and Geometry Dash</p>
<span class="project-type">Game</span>
</div>
</div>
<div class="project-card">
<div class="project-image">
<img src="res/notes-app.png" alt="Notes Application" style="width: 100%; height: 100%; object-fit: cover;" loading="lazy" decoding="async" onerror="this.parentElement.innerHTML='📝 Notes App Screenshot'">
</div>
<div class="project-info">
<h4>Notes</h4>
<p>Advanced text editor, superior to Windows Notepad</p>
<span class="project-type">Productivity</span>
</div>
</div>
<div class="project-card">
<div class="project-image">
<img src="res/weather-widget.png" alt="Weather Widget" style="width: 100%; height: 100%; object-fit: cover;" loading="lazy" decoding="async" onerror="this.parentElement.innerHTML='🌤️ Weather Widget Screenshot'">
</div>
<div class="project-info">
<h4>Weather Widget</h4>
<p>Real-time weather information in a clean interface</p>
<span class="project-type">Widget</span>
</div>
</div>
<div class="project-card">
<div class="project-image">
<img src="res/flying-dual.png" alt="Flying Dual Game" style="width: 100%; height: 100%; object-fit: cover;" loading="lazy" decoding="async" onerror="this.parentElement.innerHTML='✈️ Flying Dual Screenshot'">
</div>
<div class="project-info">
<h4>Flying Dual</h4>
<p>Local multiplayer flying game for two players</p>
<span class="project-type">Game</span>
</div>
</div>
</div>
</div>
</div>
<div class="certifications-section">
<div class="container">
<h2 class="section-title">Certifications & Recognition</h2>
<p class="section-description">Formal recognition of skills and achievements from leading institutions.</p>
<div class="cert-grid">
<div class="cert-item">
<div class="cert-icon">🏢</div>
<h4>Infosys</h4>
<div class="cert-count">5 Certificates</div>
</div>
<div class="cert-item">
<div class="cert-icon">💻</div>
<h4>HackerRank</h4>
<div class="cert-count">1 Certificate + 5⭐ Rank</div>
</div>
<div class="cert-item">
<div class="cert-icon">📚</div>
<h4>SoloLearn</h4>
<div class="cert-count">2 Certificates</div>
</div>
<div class="cert-item">
<div class="cert-icon">🎓</div>
<h4>Coursera</h4>
<div class="cert-count">5 Certificates</div>
</div>
</div>
</div>
</div>
<div class="achievements-section">
<h2 class="section-title">Achievements & Milestones</h2>
<div class="achievements">
<div class="achievement-item">
<span class="achievement-number">18</span>
<span class="achievement-label">GUI Applications Built</span>
</div>
<a class="achievement-link" href="https://www.linkedin.com/in/shashwat-gupta57" target="_blank" rel="noopener">
<div class="achievement-item">
<span class="achievement-number">2,240+</span>
<span class="achievement-label">LinkedIn Followers</span>
</div>
</a>
<div class="achievement-item">
<span class="achievement-number">13</span>
<span class="achievement-label">Programming Certifications</span>
</div>
<div class="achievement-item">
<span class="achievement-number">95%</span>
<span class="achievement-label">Board Exam Score</span>
</div>
<div class="achievement-item">
<span class="achievement-number">17,000+</span>
<span class="achievement-label">Lines of Code (Talken)</span>
</div>
<div class="achievement-item">
<span class="achievement-number">5⭐</span>
<span class="achievement-label">HackerRank Rating</span>
</div>
</div>
</div>
<div class="skills-section">
<h2 class="section-title">Skills & Technologies</h2>
<div class="skills-grid">
<div class="skill-category">
<h3>Programming Languages</h3>
<div class="skill-tags">
<span class="skill-tag advanced">Java (Advanced)</span>
<span class="skill-tag basic">JavaScript (Basic)</span>
<span class="skill-tag basic">HTML/CSS (Basic)</span>
</div>
</div>
<div class="skill-category">
<h3>Frameworks & Tools</h3>
<div class="skill-tags">
<span class="skill-tag">JavaFX</span>
<span class="skill-tag">Swing</span>
<span class="skill-tag">Google APIs</span>
<span class="skill-tag">GitHub</span>
<span class="skill-tag">Scene Builder</span>
<span class="skill-tag">Eclipse IDE</span>
<span class="skill-tag">Launch4J</span>
<span class="skill-tag">Maven</span>
<span class="skill-tag">Gradle</span>
<span class="skill-tag">Visual Studio Code</span>
<span class="skill-tag">Git</span>
<span class="skill-tag">BlueJ</span>
<span class="skill-tag">IntelliJ IDEA</span>
</div>
</div>
<div class="skill-category">
<h3>Specializations</h3>
<div class="skill-tags">
<span class="skill-tag">Desktop Applications</span>
<span class="skill-tag">Privacy-First Design</span>
<span class="skill-tag">UI/UX Design</span>
<span class="skill-tag">System Architecture</span>
<span class="skill-tag">Native 2D Game Development</span>
</div>
</div>
</div>
</div>
<div class="philosophy-section">
<h2 class="section-title">Development Philosophy</h2>
<div class="philosophy-content">
<div class="philosophy-card">
<div class="philosophy-icon">🔒</div>
<h3>Privacy First</h3>
<p>Every application I build prioritizes user privacy and data sovereignty. Your data should belong to you, not to corporations.</p>
</div>
<div class="philosophy-card">
<div class="philosophy-icon">⚡</div>
<h3>Lightweight & Efficient</h3>
<p>I believe in creating software that's fast, efficient, and doesn't bloat your system with unnecessary features.</p>
</div>
<div class="philosophy-card">
<div class="philosophy-icon">🎯</div>
<h3>Purpose-Driven</h3>
<p>Every feature serves a purpose. I focus on solving real problems rather than adding complexity for its own sake.</p>
</div>
<div class="philosophy-card">
<div class="philosophy-icon">🚀</div>
<h3>Independent Innovation</h3>
<p>Working solo allows me to maintain complete creative control and ensure every detail meets my standards.</p>
</div>
</div>
</div>
<div class="contact-section">
<h2 class="section-title">Let's Connect</h2>
<div class="contact-content">
<p>I'm always interested in discussing technology, privacy, and innovative software solutions. Feel free to reach out!</p>
<div class="contact-methods">
<div class="contact-item">
<div class="contact-icon">📧</div>
<div class="contact-info">
<h4>Email</h4>
<p>
<a href="mailto:talken.flexstudios@gmail.com">talken.flexstudios@gmail.com</a><br/>
<a href="mailto:connect@talken.in">connect@talken.in</a>
</p>
</div>
</div>
<div class="contact-item">
<div class="contact-icon">🏢</div>
<div class="contact-info">
<h4>Company</h4>
<p>Flex Studios</p>
</div>
</div>
<div class="contact-item">
<div class="contact-icon">💼</div>
<div class="contact-info">
<h4>LinkedIn</h4>
<a href="https://www.linkedin.com/in/shashwat-gupta57" target="_blank" rel="noopener">View Profile</a>
</div>
</div>
</div>
<div class="cta-section">
<h3>Interested in Talken?</h3>
<p>Experience privacy-first communication soon</p>
<a href="downloads.html" class="cta-button">MVP Launching Soon</a>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="footer-content">
<div class="footer-left">
<p>
<a href="index.html">Home</a> |
<a href="downloads.html">Downloads</a> |
<a href="about-developer.html">About Developer</a> |
<a href="privacy-policy.html">Privacy Policy</a> |
<a href="terms-and-conditions.html">Terms & Conditions</a>
</p>
<p>© 2025 - Talken by Flex Studios</p>
</div>
</div>
</footer>
</main>
<script src="js/theme-switcher.js"></script>
<script src="js/navigation.js"></script>
</body>
</html>