-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
350 lines (327 loc) · 20.1 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="src/style.css">
<link rel="icon" href="assets/" type="image/x-icon">
<title>Saaim Japanwala</title>
</head>
<body>
<div class="container">
<div class="static-section">
<div class="static-content">
<img src="assets/picture.png" alt="Profile Picture" class="profile-pic">
<h2 class="name-tag">Saaim Japanwala</h2>
<p class="profile-text">
Computer Science @ University of Alberta
<br>
📍🇨🇦 Alberta, Canada
</p>
<div class="profile-links">
<a href="https://github.com/sjapanwala" target="_blank"><img src="assets/icons8-github-50 (2).png" alt="github"></a>
<a href="https://linkedin.com/in/sjapanwala" target="_blank"><img src="assets/icons8-linkedin-50.png" alt="linkedin"></a>
<a href="mailto:[email protected]" target="_blank"><img src="assets/icons8-mail-50 (1).png" alt="mailme"></a>
</div>
<div>
<a href="assets/Saaim-Resume-2025.pdf" class="resume-download-btn" download>
<img src="assets/icons8-download-64.png" alt="Download Resume">
Download My Resume
</a>
</div>
<div class="bubble">
<span class="bubble textocc">• Currently Seeking Internship Opportunities </span>
</div>
</div>
</div>
<div class="scrollable-section">
<section class="aboutme">
<h2>About Me</h2>
<p>
👋 Hello World, my name is <strong>Saaim Japanwala</strong>. Im a full time student at <i>The University of Alberta</i> graduating class of 2028. Pursuing a bachelors in <strong>Computing Science</strong> and <strong>Psychology</strong>.
</p>
<p>
My journey in tech started back in highschool, and since then, I have been hooked to the world of coding and software development. Lets create a world where technology becomes our best asset to solve our problems.
</p>
</section>
<div class="divider"></div>
<section class="skills">
<h2>Technology & Skills</h2>
<div class="skill-bubbles">
<h4>Languages</h4>
<span class="skill-bubble langs">Python3</span>
<span class="skill-bubble langs">JavaScript</span>
<span class="skill-bubble langs">HTML5</span>
<span class="skill-bubble langs">CSS</span>
<span class="skill-bubble langs">C</span>
<span class="skill-bubble langs">Powershell</span>
</div>
<div class="skill-bubbles">
<h4>Frameworks</h4>
<span class="skill-bubble frameworks">Electron.JS</span>
<span class="skill-bubble frameworks">React.JS</span>
<span class="skill-bubble frameworks">Django</span>
</div>
<div class="skill-bubbles">
<h4>Utilities</h4>
<span class="skill-bubble tools">Git</span>
<span class="skill-bubble tools">Node.JS</span>
<span class="skill-bubble tools">Docker</span>
</div>
</section>
<div class="divider"></div>
<section class="experience">
<h2>Experience & Education</h2>
<div class="experience-container">
<div class="timeline">
<div class="timeline-item">
<div class="timeline-date">Nov 14-17, 2024</div>
<div class="timeline-role">👨💻 | Software Developer</div>
<div class="timeline-company">BrainByte; NatHACKS 2024.</div>
<div class="timeline-description">
Implemented neurotechnology to solve problems in the medical field. Using OpenBCI monitoring tools and Gemini LLM, developed a system to help diagnose patients with alchohol withdrawl symptoms.
</div>
<div class="timeline-tags">
<span class="timeline-tag-special">Hackathon</span>
<span class="timeline-tag">JavaScript</span>
<span class="timeline-tag">Python3</span>
<span class="timeline-tag">React + Vite</span>
<span class="timeline-tag">OpenBCI</span>
<span class="timeline-tag">Google Gemini</span>
</div>
</div>
<div class="timeline-item">
<div class="timeline-date">Nov 9-10, 2024</div>
<div class="timeline-role">👨💻 | Full Stack Developer</div>
<div class="timeline-company">HackED Beta</div>
<div class="timeline-description">
Created MoodMate, an intelligent virtual therapist aimed at providing users with emotional support and a way to track their mental well-being. By integrating OpenAI’s GPT-4 Mini model, Django for the backend, Electron.js for the frontend.
</div>
<div class="timeline-tags">
<span class="timeline-tag-special">Hackathon</span>
<span class="timeline-tag">Django</span>
<span class="timeline-tag">Electron.JS</span>
<span class="timeline-tag">JavaScript</span>
</div>
</div>
<div class="timeline-item">
<div class="timeline-date">2024 - Present</div>
<div class="timeline-role">👥 | Team Member</div>
<div class="timeline-company">UAIS Auto Recruiter</div>
<div class="timeline-description">
Using AI to connect you with personalized Jobs, Auto filling with your resume and cover letter, and applying to jobs for you.
</div>
<div class="timeline-tags">
<span class="timeline-tag-special">Student Ran Club</span>
<span class="timeline-tag">Python3</span>
<span class="timeline-tag">AI</span>
<span class="timeline-tag">Tensor Flow</span>
<span class="timeline-tag">Numpy</span>
</div>
</div>
<div class="timeline-item">
<div class="timeline-date">2023 - Present</div>
<div class="timeline-role">🎓 | Full Time Student</div>
<div class="timeline-company">University of Alberta</div>
<div class="timeline-description">
Started at <i>University of Alberta</i>, Studying Psychology and Computer Science
</div>
<div class="timeline-tags">
<span class="timeline-tag">Education</span>
<span class="timeline-tag">Post Secondary</span>
</div>
</div>
</div>
</div>
</section>
<div class="divider"></div>
<section class="projects">
<h2>Projects</h2>
<div class="projects-grid">
<div class="project-card">
<div class="project-image">
<img src="projects/nathacks.png" alt="Project Screenshot">
</div>
<div class="project-header">
<div class="project-title">Alchohol Withdrawal Monitoring System</div>
</div>
<div class="project-header">
<div class="project-date">2024</div>
</div>
<div class="project-description">
With Reference to the CIWA Scale, Created a monitoring device with a front end and back end to catch alcohol withdrawal symptoms before it's too late.
</div>
<div class="project-tags">
<span class="project-tag-special">natHACKS</span>
<span class="project-tag">Python3</span>
<span class="project-tag">React</span>
<span class="project-tag">OpenBCI</span>
<span class="project-tag">Python3</span>
<span class="project-tag">JavaScript</span>
<span class="project-tag">Node.JS</span>
</div>
<div class="project-links">
<a href="https://github.com/NatHacks-2024/alcohol_withdrawal_software" class="project-link">GitHub</a>
<a href="https://devpost.com/software/alcohol-withdrawal-monitoring-system" class="project-link">Devpost</a>
<a href="https://youtu.be/ifwXW8ANqR0" class="project-link">Demo</a>
</div>
</div>
<div class="project-card">
<div class="project-image">
<img src="projects/pyrunweb.png" alt="Project Screenshot">
</div>
<div class="project-header">
<div class="project-title">Pyrun, Python3 Runner Addon</div>
</div>
<div class="project-header">
<div class="project-date">2024</div>
</div>
<div class="project-description">
The old Python interpretor is boring, why not add a couple of features that make coding python easy and fun!
</div>
<div class="project-tags">
<span class="project-tag">Python3</span>
<span class="project-tag">Bash</span>
<span class="project-tag">Batch</span>
</div>
<div class="project-links">
<a href="https://github.com/sjapanwala/pyrun" class="project-link">GitHub</a>
<a href="https://sjapanwala.github.io/pyrun/" class="project-link">Website</a>
</div>
</div>
<div class="project-card">
<div class="project-image">
<img src="projects/career_trail.png" alt="Project Screenshot">
</div>
<div class="project-header">
<div class="project-title">Career Trail</div>
</div>
<div class="project-header">
<div class="project-date">2024</div>
</div>
<div class="project-description">
Using webscrapers, and data analysis, created a tool that helps users find jobs more efficiently, saving time and effort by integrating data scraping, organization, and display in one intuitive platform.
</div>
<div class="project-tags">
<span class="project-tag">Python3</span>
<span class="project-tag">Electron.JS</span>
<span class="project-tag">Node.JS</span>
</div>
<div class="project-links">
<a href="https://github.com/sjapanwala/career_trail" class="project-link">GitHub</a>
</div>
</div>
</div>
<!--</section>
<div class="divider">
</div>
<section class="awards">
<h2>Certifications & Accolades</h2>
<div class="awards-grid">
<div class="award-card">
<div class="award-icon">💸</div>
<div class="award-date">2023</div>
<div class="award-title">Rutherford Post Secondary Scholarship</div>
<div class="award-issuer">University of Alberta</div>
<div class="award-description">
Recieved complete amount from the <i>Rutherford Scholorship</i> for my academic success in High School, Lillian Osborne High School
</div>
<div class="award-categories">
<span class="award-category">Education</span>
<span class="award-category">Post-Secondary</span>
</div>
</div>
<div class="award-card">
<div class="award-icon">🏆</div>
<div class="award-date">2022</div>
<div class="award-title">Communincation Skills With Disctinction</div>
<div class="award-issuer">Trinity College London</div>
<div class="award-description">
Recieved disctinction from Trinity College London for excellent communication skills. In this project, I have been able to demonstrate my ability to communicate effectively with a wide range of audiences, including both technical and non-technical audiences.
</div>
<div class="award-categories">
<span class="award-category">Public Speaking</span>
<span class="award-category">Communication</span>
</div>
</div>
<div class="award-card">
<div class="award-icon">🏆</div>
<div class="award-date">2022</div>
<div class="award-title">First Place Public Speaking</div>
<div class="award-issuer">Edmonton Music and Speech Arts Festival</div>
<div class="award-description">
Competed in the Edmonton Music and Speech Arts Festival and was awarded first place for my public speaking performance. Recieved first place for my public speaking performance.
</div>
<div class="award-categories">
<span class="award-category">Public Speaking</span>
<span class="award-category">Communication</span>
<span class="award-category">Performance</span>
</div>
</div>
</div>
</section>-->
<!--<section class="gh-embed">
<h2>GitHub Contributions</h2>
<div class="embed">
<img src="https://ghchart.rshah.org/sjapanwala" alt="GitHub Contribution Graph">
</div>
</section>-->
<div class="divider"></div>
<section class="others">
<h2>Blogs</h2>
<div class="blogs-grid">
<div class="blog-card">
<div class="blog-header">
<div class="blog-title">Procrastination</div>
<div class="blog-date">Oct 8, 2024</div>
</div>
<div class="blog-description">
<p>
We are always suffering from procrastination, But its a bad thing... or is it?
</p>
</div>
<div class="blog-bottom-section">
<div class="blog-tags">
<span class="blog-tag-readtime">~2min read</span>
<span class="blog-tag-phil">Philosophy</span>
</div>
<div class="blog-links">
<a href="blogs/procrastination.html" class="blog-link">Read More</a>
</div>
</div>
</div>
<div class="blog-card">
<div class="blog-header">
<div class="blog-title">Restoring A Thinkpad!</div>
<div class="blog-date">Nov 25, 2024</div>
</div>
<div class="blog-description">
<p>
Follow along with me as we work through the journey of restoring a thinkpad from 2008!
</p>
</div>
<div class="blog-bottom-section">
<div class="blog-tags">
<span class="blog-tag-readtime">~5min read</span>
<span class="blog-tag-tech">Technology</span>
</div>
<div class="blog-links">
<a href="blogs/thinkpad.html" class="blog-link">Read More</a>
</div>
</div>
</div>
</div>
</section>
<br><br>
<div class="divider"></div>
<footer>
<div class="footer-bottom">
<p>Built With ❤️ by Saaim Japanwala <br>© 2025 Saaim Japanwala. All rights reserved.</p>
<br><br>
</div>
</footer>
</div>
</div>
</body>
<script src="src/script.js"></script>
</html>