-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
371 lines (327 loc) · 19.3 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
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5BB8W2X');</script>
<!-- End Google Tag Manager -->
<link rel="icon" type="image/png" href="/favicon.png"/>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Kari Groszewska</title>
<meta content="" name="descriptison">
<meta content="" name="keywords">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet">
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
<link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-169007209-3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-169007209-3');
</script>
<!-- =======================================================
* Template Name: Personal - v2.1.0
* Template URL: https://bootstrapmade.com/personal-free-resume-bootstrap-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5BB8W2X"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- ======= Header ======= -->
<header id="header" class="header-tops">
<div class="container">
<h1><a href="index.html">Hi, I'm Kari!</a></h1>
<h2 style="color:#fff">I'm a <span class="typing" style="color:#9684A1"></span></h2>
<nav class="nav-menu d-none d-lg-block">
<ul>
<li class="active"><a href="#header"> <span>Home</span></a></li>
<li><a href="#about"><span>About</span></a></li>
<li><a href="#experience"> <span>Experience</span></a></li>
<li><a href="#portfolio"> <span>Projects</span></a></li>
<li><a href="https://drive.google.com/file/d/1epoK3-h8PSwPYxNw796UyKzlSkHaP6Nc/view?usp=sharing" target="_blank"> <span>Resume</span></a></li>
</ul>
</nav><!-- .nav-menu -->
<div class="social-links">
<a href="https://www.linkedin.com/in/karolina-groszewska" target="_blank" class="linkedin"><i class="bx bxl-linkedin"></i></a>
<a href="https://www.github.com/karolinagroszewska" target="_blank" class="github"><i class="bx bxl-github"></i></a>
<a href="mailto:[email protected]" target="_blank" class="google"><i class="bx bxl-google"></i></a>
</div>
</div>
</header><!-- End Header -->
<!-- ======= About Section ======= -->
<section id="about" class="about">
<!-- ======= About Me ======= -->
<div class="about-me container">
<div class="section-title">
<h2>About</h2>
</div>
<div class="row">
<div class="col-lg-4" data-aos="fade-right">
<img src="assets/headshot.png" class="img-fluid" alt="">
</div>
<div class="col-lg-8 pt-4 pt-lg-0 content" data-aos="fade-left">
<p>
</p>
<div class="row">
<div class="col-lg-6">
<ul>
<li>Invested in making the world a better place through tech, and increasing access to tech and tech adjacent opportunities for all. Always working towards expanding my own skills and personal interests.</li>
<li><strong>Email:</strong> karolina.groszewska[at]gmail.com</li>
</ul>
</div>
</div>
</div>
</div>
</div><!-- End About Me -->
<!-- ======= Interests ======= -->
<div class="interests container">
<div class="section-title">
<h2>Professional Interests</h2>
</div>
<div class="row">
<li>Accessibility </li>
</div>
<div class="row">
<li>Mobile Applications </li>
</div>
<div class="row">
<li>Wearable Technologies </li>
</div>
<div class="row">
<li>Equity & Inclusion </li>
</div>
</div>
<div class="interests container">
<div class="section-title">
<h2>Personal Interests</h2>
</div>
<div class="row">
<li>Fitness</li>
</div>
<div class="row">
<li>Board Games</li>
</div>
<div class="row">
<li>Throwing Pottery</li>
</div>
<div class="row">
<li>Knitting</li>
</div>
</div><!-- End Interests -->
</section><!-- End About Section -->
<!-- Start Experience Section -->
<section id="experience" class="services">
<div class="container">
<div class="section-title">
<h2>Work Experience</h2>
</div>
<div class="row">
<div class="col-lg-12" data-aos="fade-up">
<div class="col-md-12 mt-4 mt-md-0 icon-box" data-aos="fade-up" data-aos-delay="100">
<h4 style="text-align:left;"><a style="color:#9684A1">Apple</a><br> </h4>
<h5 style="text-align:left;">Watch Automation Engineering Intern</h5>
<p style="text-align:left;color:#fff"><em>May 2023 – August 2023 </em></p>
<ul style="text-align:left;">
<li>Worked with Activity, Workout and Fitness+ features, enhancing test automation capabilities on iOS, watchOS and tvOS</li>
<li>Triaged incoming bugs by analyzing logs, reproducing issues, and determining correct resolvers, helping identify emerging trends</li>
<li>Analyzed build and test failures, working extensively with developers to ensure stable and bug-free releases</li>
</ul>
<h4 style="text-align:left;"><a style="color:#9684A1">Major League Hacking</a><br> </h4>
<h5 style="text-align:left;">Coach and Streamer</h5>
<p style="text-align:left;color:#fff"><em>January 2023 – Present</em></p>
<ul style="text-align:left;">
<li>Travel to hackathons nationwide as an event representative, helping lead various high school and collegiate hackathons to success. Hackathon responsibilities include managing event logistics, running technical and mini-events, presenting at ceremonies, mentoring participants, and supporting event organizers.</li>
<li>Served as technical workshop and mini-event streamer, focusing on teaching introductory concepts in Mobile App Development and Design, improving accessibility and equity in technology, and making the tech space more accessible and friendly for all.</li>
<li>Selected as one of the MLH Top 50 Hackers in 2023, for outstanding contributions to the MLH and broader hackathon community as a Coach and hackathon Organizer</li>
</ul>
<h4 style="text-align:left;"><a style="color:#9684A1">Vanguard Group</a><br> </h4>
<h5 style="text-align:left;">Application Development Intern</h5>
<p style="text-align:left;color:#fff"><em>June 2022 – August 2022</em></p>
<ul style="text-align:left;">
<li>Summer 2022 Intern at Vanguard working on Team Advice is Right (AiR), modernizing application interfaces for advisor use through updates and improvements to the Member Info Webservice and Goals and Accounts Web Application. </li>
<li>Scrum leader and front-end React.js developer for the intern project, creating and designing an application with the Spotify API allowing Vanguard crew to find co-workers in the office with similar music tastes.</li>
</ul>
<h4 style="text-align:left;"><a style="color:#9684A1">Vanderbilt University</a><br> </h4>
<h5 style="text-align:left;">Undergraduate Teaching Assistant</h5>
<p style="text-align:left;color:#fff"><em>August 2021 – December 2022</em></p>
<ul style="text-align:left;">
<li>Graded students’ exams and weekly homeworks, held twice-weekly office hours, answered questions on online teaching forum, and aided with classroom instructions for 180 students across 3 classroom sections of EECE 2123: Digital Systems.</li>
</ul>
<h4 style="text-align:left;"><a style="color:#9684A1">Institute for Software Integrated Systems, Vanderbilt University</a><br> </h4>
<h5 style="text-align:left;">Undergraduate Research Assistant</h5>
<p style="text-align:left;color:#fff"><em>August 2021 – May 2022</em></p>
<ul style="text-align:left;">
<li>Research team member working on application interface using Ionic React for the frontend and MongoDB for the backend to help local community safety efforts by creating a dashboard and database for lost pets and license plate detection.</li>
<li>Met weekly with team and implemented features such as an overhauled login, corresponding iOS and Android applications, and an active website presence including PIs and research assistants to help Nashville outreach.</li>
</ul>
<h4 style="text-align:left;"><a style="color:#9684A1">Normandy Remodeling</a><br> </h4>
<h5 style="text-align:left;">Software Engineering Intern</h5>
<p style="text-align:left;color:#fff"><em>August 2021 – May 2022</em></p>
<ul style="text-align:left;">
<li>Re-vamped document upload process for live construction site updates using Visual Basic Scripts and Sharepoint, simplifying access to all jobs completed by the company.</li>
<li>Converted Microsoft Access databases of 30,000 building codes for 250 municipalities written in SQL to Microsoft Powerapps using Power Automate, simplifying access for all company members.</li>
<li>Automated COVID-19 check-in protocols for active construction site and office entries, covering 5,000 office entries and 7,500 construction entries.</li>
</ul>
</div>
</div>
</div>
<div class="section-title">
<h2>Leadership</h2>
<div class="row">
<div class="col-lg-12" data-aos="fade-up">
<div class="col-md-12 mt-4 mt-md-0 icon-box" data-aos="fade-up" data-aos-delay="100">
<h4 style="text-align:left;"><a style="color:#9684A1">VandyHacks</a><br> </h4>
<h5 style="text-align:left;">Senior Advisor, Marketing Committee Member</h5>
<ul style="text-align:left;">
<li>Mentors all organizers through their efforts of expanding and improving VandyHacks offerings, focusing on developing new tools and resources, expanding workshops in the mobile development space, and managing administrative contacts.</li>
<li>Manages all VandyHacks social media – coordinating posts, creating member features, and managing hackathon relations.</li>
</ul>
<h5 style="text-align:left;">President</h5>
<ul style="text-align:left;">
<li>Built a collaborative and inclusive CS community through a mentorship program, year-round workshops, and an inter-collegiate hackathon with over 1000 attendees. Served as the leader of a team of 50 across 7 committees. </li>
<li>Worked as a technical mentor to a pod of 7 first and second-year students during bi-weekly meetings, and helped oversee the creation of a full-stack workshop and a set of 6 pods with a group of talented executive board members </li>
</ul>
<h5 style="text-align:left;">Director of Hacker Experience</h5>
<ul style="text-align:left;">
<li>Organized and planned external events for one of the largest hackathons in the South by leading a team of 6 individuals and working alongside other members of the Executive Board. Managed expenses for internal and external affairs, which included all prizes, merchandise, decorations, and others while also working on a redesigned judging protocol during the first hybrid event</li>
</ul>
<h4 style="text-align:left;"><a style="color:#9684A1">Women in Computing</a><br> </h4>
<h5 style="text-align:left;">Grace Hopper Coordinator & VP of Programming</h5>
<ul style="text-align:left;">
<li>Provided 21 all-expenses-paid scholarships for talented women and non-binary individuals to attend the world's largest diversity tech conference in Orlando, FL and virtually</li>
<li>Strategically planned and executed the scholarship program, facilitating access to invaluable networking and learning opportunities for aspiring technologists before, during and after the conference</li>
<li>Forged meaningful connections with student, alumni, and faculty contacts to gather essential resources and support the program's success for 2023 and beyond</li>
</ul>
<h4 style="text-align:left;"><a style="color:#9684A1">Studio V</a><br> </h4>
<h5 style="text-align:left;">Treasurer</h5>
<ul style="text-align:left;">
<li>Manages budget and financing for a student organization of over 600 members. Led efforts of developing new event management system, now available on the App Store.</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- End Experience Section -->
<!-- Start Project Section -->
<section id="portfolio" class="portfolio">
<div class="container">
<div class="section-title">
<h2>Projects</h2>
</div>
<div class="row">
<div class="col-lg-12 d-flex justify-content-center">
</div>
</div>
<div class="row portfolio-container">
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<center><h4>Studio V</h4></center>
<div class="portfolio-wrap">
<img src="assets/img/project/studiov.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<div class="portfolio-links">
<a href="projects/studiov.html" data-gall="portfolioDetailsGallery" data-vbtype="iframe" class="venobox" title="Project Details"><i class="bx bx-info-circle"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<center><h4>Clothing AI</h4></center>
<div class="portfolio-wrap">
<img src="assets/img/project/clothingai.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<div class="portfolio-links">
<a href="projects/clothingcnn.html" data-gall="portfolioDetailsGallery" data-vbtype="iframe" class="venobox" title="Project Details"><i class="bx bx-info-circle"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<center><h4>Sleepy Time</h4></center>
<div class="portfolio-wrap">
<img src="assets/img/project/sleepytime.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<div class="portfolio-links">
<a href="projects/sleepytime.html" data-gall="portfolioDetailsGallery" data-vbtype="iframe" class="venobox" title="Project Details"><i class="bx bx-info-circle"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<center><h4>Soba</h4></center>
<div class="portfolio-wrap">
<img src="assets/img/project/soba.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<div class="portfolio-links">
<a href="projects/soba.html" data-gall="portfolioDetailsGallery" data-vbtype="iframe" class="venobox" title="Project Details"><i class="bx bx-info-circle"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<center><h4>SAC</h4></center>
<div class="portfolio-wrap">
<img src="assets/img/project/sac.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<div class="portfolio-links">
<a href="projects/sac-sign-in.html" data-gall="portfolioDetailsGallery" data-vbtype="iframe" class="venobox" title="Project Details"><i class="bx bx-info-circle"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<center><h4>Brewed Awakening</h4></center>
<div class="portfolio-wrap">
<img src="assets/img/project/brewedawakening.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<div class="portfolio-links">
<a href="projects/brewedawakening.html" data-gall="portfolioDetailsGallery" data-vbtype="iframe" class="venobox" title="Project Details"><i class="bx bx-info-circle"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Project Section -->
<!-- Vendor JS Files -->
<script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/waypoints/jquery.waypoints.min.js"></script>
<script src="assets/vendor/counterup/counterup.min.js"></script>
<script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/venobox/venobox.min.js"></script>
<script src="assets/vendor/typed.js/typed.min.js"></script>
<script type="text/javascript">
var typed = new Typed('.typing',{
strings: ["student", "developer", "coach", "mentor"],
loop: true,
typeSpeed: 65,
backSpeed: 65
});
</script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>