-
Notifications
You must be signed in to change notification settings - Fork 0
/
portfolio-carium.html
160 lines (159 loc) · 5.91 KB
/
portfolio-carium.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
<!doctype html>
<html>
<head>
<title>Noah - Carium</title>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, user-scalable=no"
/>
<meta
name="description"
content="Noah's Work Experience @ Carium | Software Engineering | 2022 - 2023"
/>
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="icon" href="./images/icons/favicon_50_w.webp" />
</head>
<body class="is-preload" onload="updatePageTitle('Carium')">
<!-- Wrapper -->
<div id="wrapper">
<div id="headers"></div>
<link
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css"
media="all"
rel="stylesheet"
type="text/css"
lazyload
/>
<!-- Main -->
<div id="main">
<div class="inner subpage">
<h2 class="align-center subpage">Carium</h2>
<h5 class="align-center subpage">
Software Engineer, <i>2022 - 2024</i>
</h5>
<div class="row reverse_on_desktop">
<div class="half_image_column">
<img
srcset="
./images/portfolio/carium/carium_summit_presentation_400_w.webp 400w,
./images/portfolio/carium/carium_summit_presentation_1000_w.webp 800w
"
sizes="(max-width: 980px) 100vw, 55vw"
loading="lazy"
decoding="async"
src="./images/portfolio/carium/carium_summit_presentation.heic"
alt="Carium Presentation"
/>
</div>
<div class="half_text_column">
<h3>Growth</h3>
<p>
Working as an backend software engineer, I developed automations
and analytics for healthcare teams. From building RESTful
microservice APIs, to creating data pipelines, or integrating
with external EHRs, I learned so much about software engineering
practices, communication, and taking initiative.
</p>
</div>
</div>
<hr class="mobile_only" />
<div class="row">
<div class="half_image_column">
<img
srcset="
./images/portfolio/carium/carium_summit_discussion_400_w.webp 400w,
./images/portfolio/carium/carium_summit_discussion_1000_w.webp 800w
"
sizes="(max-width: 980px) 100vw, 55vw"
loading="lazy"
decoding="async"
src="./images/portfolio/carium/carium_summit_discussion.HEIC"
alt="Carium Discussion"
/>
</div>
<div class="half_text_column">
<h3>Projects</h3>
<p>
I built numerous health metric automations to monitor patient
populations and inform care teams when needed. Dashboards
allowed care teams to analyze their operations and export data
to their billers. For all 'middle layer' microservice jobs, I
engineered a drop-in multithreading pattern that decreased IO
bottlenecks with minimal refactoring.
</p>
</div>
</div>
<br />
<div class="row align-center">
<p style="max-width: 60vw">
I saw opportunity internally to improve our tooling when searching
for files that most closely match a reference so I created an
independent project, Busca!
</p>
</div>
<div class="row project_tiles_row">
<div class="project_tile">
<a href="https://github.com/noahbaculi/busca" target="_blank">
<img
srcset="./images/portfolio/busca/busca_600_w.webp 600w"
sizes="100vw"
loading="lazy"
decoding="async"
src="./images/portfolio/busca/busca.png"
alt="Busca"
/>
</a>
<div>
<div class="project_tile_tech_used">
<div>
<img src="./images/logos/rust.svg" alt="Rust" />
<p>Rust</p>
</div>
<div>
<img src="./images/logos/homebrew.svg" alt="Homebrew" />
<p>Homebrew</p>
</div>
</div>
<a href="https://github.com/noahbaculi/busca" target="_blank">
<h5>Busca</h5>
</a>
<p>Closest file match finder CLI app</p>
<div class="project_tile_end_logo">
<a href="https://github.com/noahbaculi/busca" target="_blank">
<img src="./images/logos/github.svg" alt="GitHub" />
</a>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<a href="#top" style="margin-left: 90vw">
<img
srcset="
./images/icons/icon_scroll_up_25_w.webp 25w,
./images/icons/icon_scroll_up_50_w.webp 1000w
"
sizes="1.5em"
loading="lazy"
decoding="async"
src="./images/icons/icon_scroll_up.png"
class="scroll_icon"
alt="Scroll Up"
style="position: inherit"
/>
</a>
</div>
</div>
<!-- Footer -->
<footer id="footer"></footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>