-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
274 lines (229 loc) · 12.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Darren Key</title>
<link rel="stylesheet" href="styles.css">
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link rel="stylesheet" href="assets/font-awesome/css/all.css">
</head>
<script src="index_js.js"></script>
</head>
<body>
<canvas id="star-canvas">
<p>Browser doesn't support canvas!</p>
</canvas>
<div id="rest-body">
<div class="top-bar">
<a class="resume top-bar-links" href="Darren_Key_Resume.pdf">resume</a>
<a class="github-top-icon top-bar-links" href="https://github.com/DarrenKey"><i
class="fab fa-github-square top-icon"></i></a>
<a class="email-top-icon top-bar-links" href="mailto: [email protected]"><i
class="top-icon fas fa-envelope-square"></i></a>
<a class="linkedin-top-icon top-bar-links" href="https://www.linkedin.com/in/darren-key/"><i
class="top-icon fab fa-linkedin"></i></a>
</div>
<h1>darren key</h1>
<ul class="descriptors">
<li class="about-me">python dev of 6 years</li>
<li class="about-me">iOS dev of 2 years</li>
<li class="about-me">java dev of 1 year </li>
<li class="about-me">math geek</li>
<li class="about-me">passionate problem solver</li>
</ul>
<h2 id="projects">projects</h2>
<div class="project">
<h3 id="timekeep" class="project-title best-projects"><i class="fas star-icon fa-star"></i> timekeep -
planner
and tracker
</h3>
<p class="project-body">an all-in-one time management app</p>
<p class="project-body">coded in swift and uses realms</p>
<div id="timekeep-animation" class="animations">
<h4 class="demo-title"> feature demo</h4>
<div id="timekeep-gif">
<div class="animations-gif">
<img src=" gifs/timekeep.gif" class="timekeep-inner-gifs">
<p class="timekeep-demo-text">create routines</p>
</div>
<div class="animations-gif">
<img src=" gifs/charts.gif" class="timekeep-inner-gifs">
<p class="timekeep-demo-text">view time spent as a chart</p>
</div>
<div class="animations-gif">
<img src=" gifs/categories.gif" class="timekeep-inner-gifs">
<p class="timekeep-demo-text">add categories to sort your time</p>
</div>
<div class="animations-gif">
<img src=" gifs/stopwatch.gif" class="timekeep-inner-gifs">
<p class="timekeep-demo-text">view how you spent your day as a timeline</p>
</div>
</div>
</div>
<a href="https://github.com/DarrenKey/TimeKeep" class="icon-links"><i
class="fab fa-github-square inline-icons"></i></a>
<a href="https://apps.apple.com/us/app/timekeep-planner-and-tracker/id1499044751" class="icon-links"><i
class="fab fa-app-store-ios inline-icons "></i></a>
</div>
<div class="project">
<h3 id="yep-chat" class="project-title best-projects"><i class="fas star-icon fa-star"></i> yep chat -
better
emotes
</h3>
<p class="project-body">alternative twitch chat viewer with more emotes </p>
<p class="project-body">coded in swift and uses twitch api</p>
<div id="yepchat-animation" class="animations">
<h4 class="demo-title"> feature demo</h4>
<div id="yepchat-gif">
<div class="animations-gif">
<img src="gifs/basic_chat.gif" class="yepchat-inner-gifs">
<p class="yepchat-demo-text">view twitch chat with new emotes</p>
</div>
<div class="animations-gif">
<img src="gifs/settings.gif" class="yepchat-inner-gifs">
<p class="yepchat-demo-text">customize your experience and choose dark or light mode</p>
</div>
</div>
</div>
<a href="https://github.com/DarrenKey/YEP-Chat---BTTV-and-FFZ-Emotes-on-iOS" class="icon-links"><i
class="fab fa-github-square inline-icons "></i></a>
<a href="https://apps.apple.com/us/app/yep-chat-better-emotes/id1572330288" class="icon-links"><i
class="fab fa-app-store-ios inline-icons "></i></a>
</div>
<div class="project">
<h3 id="mst" class="project-title best-projects"><i class="fas star-icon fa-star"></i> minimum spanning tree
visualizer</h3>
<p class="project-body">GUI visualiser of prim’s and kruskal’s algorithms</p>
<p class="project-body">coded in python and uses tkinter</p>
<div id="mst-animation" class="animations">
<h4 class="demo-title"> feature demo</h4>
<div id="mst-gif">
<div class="animations-gif">
<img src="gifs/prims.gif" class="mst-inner-gifs animations-gif">
<p class="mst-demo-text">visualize prim's algorithm</p>
</div>
<div class="animations-gif">
<img src="gifs/kruskals.gif" class="mst-inner-gifs animations-gif">
<p class="mst-demo-text">visualize kruskals' algorithm</p>
</div>
<div class="animations-gif">
<img src="gifs/addnodes.gif" class="mst-inner-gifs animations-gif">
<p class="mst-demo-text">add/delete nodes</p>
</div>
</div>
</div>
<a href="https://github.com/DarrenKey/GraphsVisualization" class="icon-links"><i
class="fab fa-github-square inline-icons "></i></a>
</div>
<div class="project">
<h3 class="project-title"><i class="fas star-icon fa-star"></i> 24 battle royale</h3>
<p class="project-body">backend coded in ocaml</p>
<p class="project-body">frontend coded with react</p>
<p class="project-body">mvp out</p>
</a>
<a href="http://24battleroyale.com/" class="icon-links">
<i class="fa-solid fa-square-arrow-up-right inline-icons"></i>
</a>
</div>
<div class="project">
<h3 class="project-title"><i class="fas star-icon fa-star"></i> programming language predictor</h3>
<p class="project-body">created with three others an online program to predict if a program is java, ocaml,
c, c++, or python for a datathon</p>
<p class="project-body">uses logistic regression and naive bayes</p>
<a href="http://129.213.99.28:5001/cds-datathon/" class="icon-links">
<i class="fa-solid fa-square-arrow-up-right inline-icons"></i>
</a>
</div>
<div class="project">
<h3 class="project-title">this website</h3>
<p class="project-body">coded from scratch with html, css, and js</p>
<p class="project-body">uses jquery</p>
<a href="https://github.com/DarrenKey/DarrenKey.github.io" class="icon-links"><i
class="fab fa-github-square inline-icons "></i></a>
</div>
<div class="project">
<h3 class="project-title">chartmetric webpage</h3>
<p class="project-body">24 hour coding challenge for a startup that given a sample database, either create
an
api or a website that displays the info in the database</p>
<p class="project-body">i created both</p>
<p class="project-body">coded in python and uses django</p>
<a href="https://github.com/DarrenKey/Chartmetric---Webpage-Challenge---" class="icon-links"><i
class="fab fa-github-square inline-icons "></i></a>
<a href="https://protected-ocean-96638.herokuapp.com/" class="icon-links">
<i class="fa-solid fa-square-arrow-up-right inline-icons"></i>
</a>
</div>
<div class="project">
<h3 class="project-title">2048 recreation</h3>
<p class="project-body">text recreation of 2048 done in less than 4 hours</p>
<p class="project-body">coded in python</p>
<a href="https://github.com/DarrenKey/2048-in-4-hours" class="icon-links"><i
class="fab fa-github-square inline-icons "></i></a>
</div>
<div class="project">
<h3 class="project-title">twitch vod finder</h3>
<p class="project-body">script to find specific vods (videos on demand) of a given twitch streamer</p>
<p class="project-body">coded in python and uses requests and json library</p>
<a href="https://github.com/DarrenKey/Twitch-Vod-Finder" class="icon-links"><i
class="fab fa-github-square inline-icons "></i></a>
</div>
<h2 id="educations">education</h2>
<div class="education">
<h3 class="education-title">cornell university | 2021 - </h3>
<p class="education-body">b.a in computer science</p>
<p class="education-body">part of cornell data science [insights subteam]- project team focused on machine
learning</p>
<p class="education-body">part of cornell quant fund - business club focused on quantitative finance</p>
<p class="education-body">part of life changing labs - entrepreneurial club focused on fostering the
undergrad entrepreneur ecosystem</p>
<p class="education-body">4.092 / 4.0</p>
</div>
<div class="education">
<h3 class="education-title">georgia tech | 2019 - 2021</h3>
<p class="education-body">dual enrollment [college classes alongside high school classes]</p>
<p class="education-body">3.77 / 4.0</p>
</div>
<h2 id="awards">awards</h2>
<div class="awards">
<h3 class="award-title">cornell -
<a class="scholarship-links"
href="https://scl.cornell.edu/get-involved/cornell-commitment/rawlings-cornell-presidential-research-scholars">rawlings
scholars program
</a>
</h3>
<p class="award-body">1% of cornell students selected for research scholarship</p>
</div>
<div class="awards">
<h3 class="award-title">northwestern -
<a class="scholarship-links"
href="https://www.mccormick.northwestern.edu/academics/undergraduate/programs/honors-and-combined-degrees/murphy-institute/">
murphy program
</a>
</h3>
<p class="award-body">accepted into northwestern university</p>
<p class="award-body">5% of northwestern applicants selected for research and entrepreneurship
scholarship/program</p>
</div>
<div class="awards">
<h3 class="award-title">university of georgia -
<a class="scholarship-links" href="https://www.admissions.uga.edu/afford/scholarships/">
presidential leadership scholarship
</a>
</h3>
<p class="award-body">accepted into university of georgia </p>
<p class="award-body">1% of applicants for scholarship based on leadership and academic record</p>
</div>
<div class="awards">
<h3 class="award-title">american mathematics competition</h3>
<p class="award-body">scored top 0.5% in nationwide mathematics competition </p>
</div>
<div class="awards">
<h3 class="award-title">georgia tech math competition</h3>
<p class="award-body">placed third out of 300 in statewide mathematics competition</p>
</div>
<h2 id="contact-me">contact me</h2>
<h3>reach out to me at <a href="mailto: [email protected]" class="contact-me-link">[email protected]</a></h3>
</div>
</body>
</html>