SemontiiMandal.github.io/experience.html at main · SemontiiMandal/SemontiiMandal.github.io · 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
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
<!doctype html>
<html lang="en">
<head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-17P7VBGTPH"></script>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Sam — Experience</title>
<style>
  :root{
    --bg-1:#020617;
    --bg-2:#06122a;
    --neon-1:#00e5ff;
    --neon-2:#0f6fff;
    --muted:#9aa7b6;
  }
  html, body {
    margin: 0; padding: 0; height: 100%;
    font-family: Inter, sans-serif;
    background: linear-gradient(180deg, var(--bg-1), var(--bg-2));
    color: white;
    overflow-x: hidden;
  }

  nav.tabs {
    position: fixed;
    top: 1rem;
    right: 2rem;
    display: flex;
    gap: 1.5rem;
    z-index: 100;
  }
  nav.tabs a {
    color: var(--neon-1);
    text-decoration: none;
    font-weight: 600;
    font-size: 1rem;
    padding: 0.3rem 0.6rem;
    border-radius: 6px;
    border: 1.5px solid var(--neon-1);
    transition:
      background-color 0.3s ease,
      box-shadow 0.4s ease,
      color 0.3s ease;
  }
  nav.tabs a:hover, nav.tabs a:focus {
    background: var(--neon-1);
    color: #04122a;
    box-shadow: 0 0 10px var(--neon-1), 0 0 20px var(--neon-2);
    outline: none;
  }
  nav.tabs a.active {
    background: var(--neon-1);
    color: #04122a;
    box-shadow: 0 0 15px var(--neon-2);
  }

  .hamburger {
    display: none;
    position: fixed;
    top: 1rem;
    right: 2rem;
    width: 30px;
    height: 22px;
    cursor: pointer;
    z-index: 110;
    flex-direction: column;
    justify-content: space-between;
  }
  .hamburger span {
    display: block;
    height: 4px;
    background: var(--neon-1);
    border-radius: 2px;
    transition: all 0.3s ease;
  }

  .sidebar {
    position: fixed;
    top: 0;
    right: 0;
    width: 250px;
    height: 100vh;
    background: var(--bg-2);
    box-shadow: -5px 0 20px rgba(0,229,255,0.4);
    padding: 3rem 1rem 1rem 1rem;
    display: none;
    flex-direction: column;
    gap: 1rem;
    z-index: 105;
    overflow-y: auto;
  }
  .sidebar.show {
    display: flex;
  }
  .sidebar a {
    color: var(--neon-1);
    text-decoration: none;
    font-weight: 600;
    font-size: 1.2rem;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    border: 1.5px solid var(--neon-1);
    transition: background-color 0.3s ease, box-shadow 0.4s ease, color 0.3s ease;
  }
  .sidebar a:hover, .sidebar a:focus {
    background: var(--neon-1);
    color: #04122a;
    box-shadow: 0 0 10px var(--neon-1), 0 0 20px var(--neon-2);
    outline: none;
  }

  main {
    max-width: 960px;
    margin: 8rem auto 4rem;
    padding: 2rem;
    background: rgba(0, 229, 255, 0.1);
    border-radius: 16px;
    box-shadow: 0 0 40px rgba(0, 229, 255, 0.3);
  }
  h1 {
    font-size: clamp(2rem, 2vw, 2rem);
    background: linear-gradient(90deg, var(--neon-2), var(--neon-1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 1.5rem;
  }
  .job {
    margin-bottom: 2rem;
    background: rgba(0,0,0,0.2);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 0 20px rgba(0,229,255,0.2);
    transition: box-shadow 0.3s ease;
  }
  .job:hover {
    box-shadow: 0 0 40px var(--neon-2);
  }
  .job-title {
    font-weight: 700;
    font-size: 1.4rem;
    color: var(--neon-1);
    margin-bottom: 0.3rem;
  }
  .job-company {
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--muted);
    margin-bottom: 0.5rem;
  }
  .job-dates {
    font-size: 0.9rem;
    color: var(--muted);
    margin-bottom: 1rem;
  }
  .job-desc {
    color: var(--muted);
    font-size: 1rem;
    line-height: 1.4;
  }

  footer {
    text-align: center;
    padding: 1.5rem 0;
    color: var(--muted);
    font-size: 0.85rem;
    user-select: none;
  }

  @media(max-width:600px) {
    main {
      margin: 6rem 1rem 2rem;
      padding: 1.5rem;
    }
  }
  @media(max-width:900px) {
    nav.tabs {
      display: none;
    }
    .hamburger {
      display: flex;
    }
  }

  :root{
  --bg-1:#020617;
  --bg-2:#06122a;
  --neon-1:#00e5ff;
  --neon-2:#0f6fff;
  --text-main:#e0f7ff; /* brighter main text */
  --muted:#9aa7b6;
}

html, body {
  margin: 0; padding: 0; height: 100%;
  font-family: Inter, sans-serif;
  background: linear-gradient(180deg, var(--bg-1), var(--bg-2));
  color: var(--text-main);
  overflow-x: hidden;
}

main {
  max-width: 960px;
  margin: 8rem auto 4rem;
  padding: 2rem;
  background: rgba(0, 229, 255, 0.18); /* stronger neon glow */
  border-radius: 16px;
  box-shadow: 0 0 50px rgba(0, 229, 255, 0.4);
}

h1 {
  font-size: clamp(2rem, 2vw, 2rem);
  background: linear-gradient(90deg, var(--neon-2), var(--neon-1));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 1.5rem;
}

.job {
  margin-bottom: 2rem;
  background: rgba(0,0,0,0.25); /* slightly lighter than before */
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 0 25px rgba(0,229,255,0.25);
  transition: box-shadow 0.3s ease;
}
.job:hover {
  box-shadow: 0 0 50px rgba(0, 102, 255, 0.6); /* stronger hover glow */
}

.job-title {
  font-weight: 700;
  font-size: 1.4rem;
  color: var(--neon-1);
  margin-bottom: 0.3rem;
}

.job-company {
  font-weight: 600;
  font-size: 1.1rem;
  color: #c0d6f0; /* lighter than muted for better readability */
  margin-bottom: 0.5rem;
}

.job-dates,
.job-location {
  font-size: 0.9rem;
  color: #a8c0e0; /* slightly brighter than muted */
  margin-bottom: 1rem;
}

.job-desc {
  color: var(--text-main); /* bright and readable */
  font-size: 1rem;
  line-height: 1.5;
  text-shadow: 0 0 2px rgba(0, 229, 255, 0.2); /* subtle neon glow for text */
}

/* navigation and hamburger unchanged */

footer {
  text-align: center;
  padding: 1.5rem 0;
  color: #a8c0e0;
  font-size: 0.85rem;
  user-select: none;
}

</style>

</head>
<body>

<nav class="tabs" aria-label="Main navigation">
  <a href="index.html">Home</a>
  <a href="skills.html">Skills</a>
  <a href="experience.html" class="active">Experience</a>
  <a href="projects.html">Projects</a>
  <!--<a href="pcbs.html">PCBs</a>-->
  <a href="about.html">About</a>
  <a href="resume.html">Resume</a>
  <a href="courses.html">Courses</a>
  <a href="contact.html">Contact</a>
</nav>

<div class="hamburger" aria-label="Open navigation menu" role="button" tabindex="0" aria-expanded="false" aria-controls="mobile-menu">
  <span></span>
  <span></span>
  <span></span>
</div>

<nav id="mobile-menu" class="sidebar" aria-label="Mobile navigation" hidden>
  <a href="index.html" tabindex="0">Home</a>
  <a href="skills.html" tabindex="0">Skills</a>
  <a href="experience.html" class="active" tabindex="0">Experience</a>
  <a href="projects.html" tabindex="0">Projects</a>
  <!--<a href="pcbs.html" tabindex="0">PCBs</a>-->
  <a href="about.html" tabindex="0">About</a>
  <a href="resume.html" tabindex="0">Resume</a>
  <a href="courses.html">Courses</a>
  <a href="contact.html" tabindex="0">Contact</a>
</nav>

<main>
  <h1>Work Experience</h1>

<div class="job">
  <div class="job-title">Embedded Systems & Firmware Intern – Handheld Bioprinter, Guenther Lab</div>
  <div class="job-company">First Year Summer Research Fellow, University of Toronto</div>
  <div class="job-dates">May 2025 – Present</div>
  <div class="job-location">Toronto, ON</div>
  <div class="job-desc">
    Awarded the highly competitive First Year Summer Research Fellowship (1 of 15 selected from over 1,000 first-year engineering students), supervised by Professor Axel Guenther. Developed real-time firmware on STM32-Based Arduino Portenta to control motor CAN Bus using CANopen (mbed C++) & implemented ISR-driven emergency-stop (10 ms resolution) for multi-motor shutdown. Engineered dual-protocol system integrating I2C touchscreen with synchronized CAN motor control; Debugged and verified timing/signals with oscilloscopes, logic analyzers and multimeters. Built GUI in C/C++ for surgeon-device interaction, applying UI/UX design principles to reduce cognitive overload. Designed custom PCBs in Altium Designer, ran LTSpice simulations for circuit validation & performed soldering tasks.
  </div>
</div>

<div class="job">
  <div class="job-title">AI/ML Research Intern</div>
  <div class="job-company">Applied Physics, Electrical Engineering Dept., University of Calcutta</div>
  <div class="job-dates">Oct 2022 – Jul 2024</div>
  <div class="job-location">Kolkata, India</div>
  <div class="job-desc">
    Analyzed thermocouple sensor data using polynomial regression and ML models (SVM, KNN, Random Forest), achieving 99.8% accuracy. Enhanced biomedical device performance via optimized feature engineering and model evaluation.
  </div>
</div>


<h1>Leadership & Design Teams</h1>

<div class="job">
  <div class="job-title">Embedded Systems & Computer Vision Lead, Microfluidic Cell Analysis Co-Lead</div>
  <div class="job-company">University of Toronto Biomedical Engineering Design Team (UTBIOME)</div>
  <div class="job-dates">Sept 2025 – Present</div>
  <div class="job-location">Toronto, ON</div>
  <div class="job-desc">
    Co-leading a 25-member team developing a microfluidic-chip device; designing STM32-based embedded control systems, custom PCBs, & interfacing peripherals with data transfer over communication protocols (CAN, I2C, SPI, UART). Integrating high-resolution imaging modules with real-time computer vision, and edge ML for blood cell analysis.
  </div>
</div>

<div class="job">
  <div class="job-title">Embedded Systems Recruit — Autonomous Rover Team</div>
  <div class="job-company">University of Toronto Robotics Association (UTRA)</div>
  <div class="job-dates">Sept 2025 – Present</div>
  <div class="job-location">Toronto, ON</div>
  <div class="job-desc">
    Developing ROS2-based embedded systems for IGVC rover: Designing C/C++ firmware on Linux, Arduino/Raspberry Pi, & implementing CAN/I2C/SPI interfaces; Designing PCBs, power management, motor/sensor control.
  </div>
</div>

<div class="job">
  <div class="job-title">Team Lead, ZenVision — APS112</div>
  <div class="job-company">Engineering Strategies and Practices (ESP), University of Toronto</div>
  <div class="job-dates">Jan 2025 – Apr 2025</div>
  <div class="job-location">Toronto, ON</div>
  <div class="job-desc">
    Led a 6-member team from concept to prototype, fostering collaboration, resolving conflicts, and ensuring progress through open discussions, and team alignment. Coordinated with the Engineering Manager, TA, and CI to gather feedback on design documents and integrate suggestions into the project. Designed assistive smart glasses for a child with ADHD to detect verbal outbursts via real-time audio processing. Built MFCC-based Convolutional Neural Network (CNN) in TensorFlow deployed on ESP32; achieved latency: 1.93s. Developed real-time Firebase dashboard (HTML/CSS/JS, Plotly.js) for behavioral tracking. Selected Top 20 of 187+ teams in UofT ESP Design Day Showcase.
  </div>
</div>

<div class="job">
  <div class="job-title">Design Team Member — Software/Embedded Dev, Breathing Biofeedback</div>
  <div class="job-company">University of Toronto Biomedical Engineering Design Team (UTBIOME)</div>
  <div class="job-dates">Sept 2024 – Sept 2025</div>
  <div class="job-location">Toronto, ON</div>
  <div class="job-desc">
    Designed wearable breathing biofeedback device (stretch sensors, Arduino, FFT, ML) for early COPD detection. Built cross-platform mobile apps (iOS/Objective-C, Android/Java) with Bluetooth control & real-time data display.
  </div>
</div>

<h1>Involvement with UofT Engineering</h1>
<div class="job">
  <div class="job-title">Orientation Leader — F!rosh 2T5, Zeta Subgroup</div>
  <div class="job-company">First Year Engineering Orientation, University of Toronto </div>
  <div class="job-dates">Sept 2025 – Sept 2025</div>
  <div class="job-location">Toronto, ON</div>
  <div class="job-desc">
  Led a team of 50 first-year students in collaboration with fellow Orientation Leaders, subcommittees, and executives to execute multi-day orientation events. Served as Designated Leader for Academic Success Seminar and Build Battle, managing schedules, organizing presentations, and doing safety demonstrations. Directed Build Battle operations for Zeta: formed frosh groups, delegated tasks among leaders, managed supply distribution, and supervised safe use of power tools (drills/impact drivers) while assisting teams to build wooden launcher devices.Assisted with other large-scale events, including Convocation, Downtown Walkarounds, chants, games, and D!YE,
  ensuring smooth execution and inclusive engagement.
    </div>
</div>

<div class="job">
  <div class="job-title">ECE Ambassador</div>
  <div class="job-company">Electrical & Computer Engineering Department, University of Toronto </div>
  <div class="job-dates">Sept 2025 – Present</div>
  <div class="job-location">Toronto, ON</div>
  <div class="job-desc">
  Represent the ECE department to prospective students through campus tours, info sessions, and outreach events; provide guidance on curriculum, student life, and career opportunities.
    </div>
</div>

<div class="job">
  <div class="job-title">Mentor</div>
  <div class="job-company">Hi-Skule, University of Toronto Engineering</div>
  <div class="job-dates">Sept 2025 – Present</div>
  <div class="job-location">Toronto, ON</div>
  <div class="job-desc">
 Mentor high school students in STEM through design challenges and outreach events, promoting engineering and providing guidance on STEM exploration.
    </div>
</div>

  <!-- Add more experience entries as needed -->

</main>

<footer style="text-align:center;padding:1.5rem 0;color:var(--muted);font-size:0.85rem;">
  &copy; Sam — ECE @ UofT
</footer>

<script>
  const hamburger = document.querySelector('.hamburger');
  const sidebar = document.getElementById('mobile-menu');

  function toggleMenu(){
    const isOpen = sidebar.classList.toggle('show');
    if(isOpen) {
      sidebar.removeAttribute('hidden');
    } else {
      sidebar.setAttribute('hidden', '');
    }
    hamburger.setAttribute('aria-expanded', isOpen);
  }

  hamburger.addEventListener('click', toggleMenu);
  hamburger.addEventListener('keydown', (e) => {
    if(e.key === 'Enter' || e.key === ' '){
      e.preventDefault();
      toggleMenu();
    }
  });

  sidebar.querySelectorAll('a').forEach(link => {
    link.addEventListener('click', () => {
      sidebar.classList.remove('show');
      sidebar.setAttribute('hidden', '');
      hamburger.setAttribute('aria-expanded', false);
    });
  });
</script>

</body>
</html>