DarrenKey.github.io/index.html at main · DarrenKey/DarrenKey.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
<!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: dyk34@cornell.edu"><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 8 years</li>
            <li class="about-me">iOS dev of 3 years</li>
            <li class="about-me">java dev of 2 years </li>
            <li class="about-me">math geek</li>
            <li class="about-me">passionate problem solver</li>
        </ul>

        <h2 id="experiences"> experiences </h2>

        <div class="experience">
            <h3 class="experience-title">imc trading - summer 2024</h3>
            <p class="experience-body">quantitative trading internship</p>
            <p class="experience-body">first place in trading competition</p>
            <p class="experience-body">equity options desk</p>
        </div>

        <div class="experience">
            <h3 class="experience-title">nasa - summer 2023</h3>
            <p class="experience-body">machine learning internship</p>
        </div>


        <h2 id="awards">awards</h2>

        <div class="awards">
            <h3 class="award-title">2024 Cornell BOOM best info sci project -
                <a class="scholarship-links"
                    href="https://cis.cornell.edu/about/outreach-events/boom-bits-our-minds/awards/boom-2024-award-recipients">forma - ai personal trainer
                </a>
            </h3>
            <p class="award-body">form tracking</p>

        </div>

        <div class="awards">
            <h3 class="award-title"> 2023 Cornell BOOM best cs project -
                <a class="scholarship-links"
                    href="https://cis.cornell.edu/about/outreach-events/boom-bits-our-minds/awards/boom-2023-award-recipients">ai lofi radio
                </a>
            </h3>
            <p class="award-body">lofi radio, 100% with AI</p>
        </div>
        <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>


        <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>

        <h2 id="educations">education</h2>

        <div class="education">
            <h3 class="education-title">cornell university | 2021 - 2025</h3>
            <p class="education-body">b.s in computer science</p>
            <p class="education-body">part of cornell data science [data science subteam]- project team focused on machine
                learning</p>
            <p class="education-body">AI practicum + NLP teaching assistant</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="contact-me">contact me</h2>

        <h3>reach out to me at <a href="mailto: dyk34@cornell.edu" class="contact-me-link">dyk34@cornell.edu</a></h3>

    </div>

</body>

</html>