-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
331 lines (309 loc) · 15.2 KB
/
index.html
File metadata and controls
331 lines (309 loc) · 15.2 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Handsome Code Monkey</title>
<link type="text/css" rel="stylesheet" href="materialize/css/materialize.min.css" media="screen,projection"/>
<link type="text/css" rel="stylesheet" href="css/custom.css" meda="screen, projection" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta charset="utf-8" />
</head>
<body>
<h2 class="center-align light-font">Handsome Code Monkey</h2>
<div class="row my-links">
<div class="col s12 l6 offset-l3">
<div class="card-panel red" id="about-panel">
<h2 class="white-text center-align">About</h2>
<div class="row info-card" id="about-info">
<div class="col s12 m6 l4 offset-l2">
<div class="card">
<div class="card-image">
<img src="assets/profile.jpg">
<span class="card-title">Erick Kusnadi</span>
</div>
<div class="card-content">
<p>Hi. My name is Erick, I'm a software engineer who has been working at Accenture for the last two years since graduating from UCI. Before that I did web development at Codazen and mobile development at Experian.
</p>
<p><br/>Some of the things I'm proud of over my career have been working on a VR game for those with Autism, won several hackathons in and out of college, and worked in a large variety of environments (agile & waterfall) and technologies (mobile, web, blockchain, & VR).
<p><br />I'm currently interested in blockchain technology and learning how to make video games (VR related).</p>
</div>
</div>
</div>
<div class="col s12 m6 l4">
<div class="card">
<div class="card-content">
<ul class="collection with-header">
<li class="collection-header"><h4>Social Media</h4></li>
<li class="collection-item">
<a href="https://twitter.com/hcmonkey" target="_blank">Twitter | @hcmonkey</a>
</li>
</ul>
</div>
<div class="card-action bold-font">
+1(650)-303-6677<br />
erick@handsomecodemonkey.com
</div>
</div>
</div>
<div class="col s12 m6 l4">
<div class="card">
<div class="card-content">
<ul class="collection with-header">
<li class="collection-header"><h4>Fun Facts</h4></li>
<li class="collection-item">I do magic tricks.</li>
<li class="collection-item">I love learning new languages.</li>
<li class="collection-item">Beat Super Meat Boy without breaking my keyboard.</li>
</ul>
</div>
</div>
</div>
<div class="col s12 l8 offset-l2">
<div class="card">
<div class="card-content">
<p class="center-align">Built with the: <br /> <a href="http://materializecss.com/" style="color: #ee6e73" target="_blank">Materialize Framework.</a></p> <br /><div class="divider"></div><br />
<p class="bold-font center-align">©2018 Erick Kusnadi</p>
</div>
</div>
</div>
</div>
</div>
<div class="card-panel green" id="blog-panel">
<h2 class="white-text center-align">Blog</h2>
<div class="row info-card" id="blog-info">
<div class="col s12 m12">
<div class="card">
<div class="card-content">
<div class="card-title center-align black-text">Writing and making videos</div><div class="divider"></div><br />
<p>I usually write about <span class="green-text">tech</span>, <span class="green-text">programming</span>, <span class="green-text">self-improvement</span>, and anything else that I find interesting at the moment. Check back later for a curated list of my best posts:</p>
<ul>
<li>
<h4>MakerDAO - What are the risks and rewards of leverage?</h4>
<a href="https://rinkeby.kauri.io/article/1afc125f25b34c3dac3de8934671e833">https://rinkeby.kauri.io/article/1afc125f25b34c3dac3de8934671e833</a>
</li>
<li>
<h4>MakerDAO - Alerting Tutorial for CDP Owners</h4>
<a href="https://docs.google.com/document/d/1UAmocOs7DgCNE0fmGsjWc4fYXeUMQgirUC1GsCT8eAc/edit?usp=sharing">https://docs.google.com/document/d/1UAmocOs7DgCNE0fmGsjWc4fYXeUMQgirUC1GsCT8eAc/edit?usp=sharing</a>
</li>
<li>
<iframe width="893" height="502" src="https://www.youtube.com/embed/7zfSkmjnbgA" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="card-panel blue" id="cv-panel">
<h2 class="white-text center-align">CV</h2>
<div class="row info-card" id="cv-info">
<div class="col s12 m6 l4 offset-l2">
<div class="card">
<div class="card-image">
<img alt="UCI Anteater Mascot" src="assets/anteater.jpg" style="padding:30px"/>
</div>
<p class="card-title black-text center-align" style="margin:0">Education</p>
<div class="card-content">
<h4 class="blue-text">UCI (University of California Irvine)</h4>
<p>B.S. Software Engineering 2016</p>
<h4 class="red-text">Mandarin Training Center : NTNU</h4>
<p>Study Abroad Program for Mandarin Chinese</p>
<p>Summer 2013</p>
<h4 class="green-text">Fullerton College</h4>
<p>Major : Computer Science</p>
<p>2010 - Spring 2013</p><br />
</div>
</div>
</div>
<div class="col s12 m6 l4">
<div class="card">
<div class="card-content">
<ul class="collection with-header">
<li class="collection-header"><h4>Coding</h4></li>
<li class="collection-item">
<a href="https://github.com/handsomecodemonkey" target="_blank">Github</a>
</li>
<li class="collection-item">
<a href="http://challengepost.com/handsomecodemonkey" target="_blank">Challenge Post</a>
</li>
<li class="collection-item">
<a href="http://stackoverflow.com/users/4931181/erick-kusnadi" target="_blank">Stack Overflow</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col s12 m6 l4">
<div class="card">
<div class="card-content">
<ul class="collection with-header">
<li class="collection-header">
<h4>Skills</h4>
</li>
<li class="collection-item">
<p>Front End Dev (HTML/CSS/JS)</p>
<div class="progress">
<div class="determinate blue" style="width: 85%"></div>
</div>
</li>
<li class="collection-item">
<p>Backend - Java</p>
<div class="progress">
<div class="determinate blue" style="width: 75%"></div>
</div>
</li>
<li class="collection-item">
<p>SQL</p>
<div class="progress">
<div class="determinate blue" style="width: 80%"></div>
</div>
</li>
<li class="collection-item">
<p>Python</p>
<div class="progress">
<div class="determinate blue" style="width: 50%"></div>
</div>
</li>
<li class="collection-item">
<p>iOS Development</p>
<div class="progress">
<div class="determinate blue" style="width: 70%"></div>
</div>
</li>
<li class="collection-item">
<p>UX/UI</p>
<div class="progress">
<div class="determinate blue" style="width: 60%"></div>
</div>
</li>
<li class="collection-item">
<p>Solidity (Smart Contracts)</p>
<div class="progress">
<div class="determinate blue" style="width: 40%"></div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="col s12 l8 offset-l2">
<div class="card">
<div class="card-content">
<ul class="collection with-header">
<li class="collection-header"><h4>Experience</h4></li>
<li class="collection-item">
<h5>Accenture - Digital Analyst/Consultant</h5>
<h6 class="bold-font">2016-2018</h6>
<p>Worked as a software engineering consultant on the LRS project for the Los Angeles welfare system doing full-stack web development in Java (Spring) and Oracle SQL Database. Also maintained the DPSS Mobile App and several internal kiosk applications.</p>
</li>
<li class="collection-item">
<h5>Experian - iOS Intern</h5>
<h6 class="bold-font">Summer 2015</h6>
<p>Worked on the Experian Credit Tracker App in native Objective-C implementing new features and fixing bugs in an Agile environment.</p>
</li>
<li class="collection-item">
<h5>Codazen - Web Dev / Dev Ops Intern</h5>
<h6 class="bold-font">June 2014 - January 2015</h6>
<p>Worked as a web developer to launch an adoption network crm, create an Ecommerce website for medical supply company, and launch company's new blog. Agile environment.</p>
</li>
<li class="collection-item">
<h5>Appjam+ Lead Mentor</h5>
<h6 class="bold-font">Fall Quarter 2014, 2015</h6>
<p>Lead Mentor teaching middle school students how to build apps and games using MIT's App Inventor platform. Responsible for overseeing group's app development, providing leadership for fellow mentors, and be communication touch point for the schools and Appjam+ Organizers.</p>
</li>
<li class="collection-item">
<h5>Jazel LLC - Web Intern</h5>
<h6 class="bold-font">Spring 2014</h6>
<p>Used HTML, CSS with Foundation Framework, Javascript, and Web Design skills to build out pieces of car dealership sites using Orchard CMS as a backend.</p>
</li>
<li class="collection-item">
<h5>Tucker Wildlife Sanctuary - Naturalist / Tech Specialist</h5>
<h6 class="bold-font">Fall-Winter 2013</h6>
<p>Updated the Sanctuary's Website on the Joomla Platform, maintained the grounds, and educated visitors about local Southern California wildlife.</p>
</li>
</ul>
</div>
</div>
</div>
<div class="col s12 l8 offset-l2">
<div class="card">
<div class="card-content">
<ul class="collection with-header">
<li class="collection-header"><h4>Appjams / Hackathons</h4></li>
<li class="collection-item">
<h5>Colony Hackathon - Honorable Mention</h5>
<h6 class="bold-font">2018</h6>
<p>Worked on a proof of concept DAO for a Basketball League run on the blockchain using Colony smart contracts.
<a href="https://github.com/handsomecodemonkey/hackathonStarter" target="_blank">Github</a></p>
</li>
<li class="collection-item">
<h5>UCI Butterworth Competition - Sonder VR</h5>
<h6 class="bold-font">2016</h6>
<p>
Created a VR therapy video game / learning experience for those on the autism spectrum to better learn social skills.
</p>
<ul class="collection with-header">
<li class="collection-header"><h5>Press</h5></li>
<li class="collection-item"><a href="http://tech.uci.edu/competitions/past.php" target="_blank">UCI ICS</a></li>
<li class="collection-item"><h5>UCI Ingenuity</h5><iframe width="893" height="502" src="https://www.youtube.com/embed/7zfSkmjnbgA" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></li>
</ul>
</li>
<li class="collection-item">
<h5>2nd Place - Google Web Hacks</h5>
<h6 class="bold-font">Winter 2015</h6>
<p>Created a flashcard plugin using Google Docs Scripts. A user can create their own set of flashcards on Google Sheets and run the plugin to study on a Material Design based UI.</p>
</li>
<li class="collection-item">
<h5>Fund Hack</h5>
<h6 class="bold-font">Fall 2015</h6>
<p>Created a prototype iOS app called Biogotchi, that is based on the popular toy Tamogotchi. The user's health data would be the inputs for the pet, however, meaning the health of the digital pet depended on the user's daily health habits.</p>
</li>
<li class="collection-item">
<h5>Hack UCI</h5>
<h6 class="bold-font">Spring 2014</h6>
<p>Used Ruby on Rails to create a language learning web application that recommended places to go locally where you could use the language you were learning.</p>
</li>
<li class="collection-item">
<h5>Autism Appjam</h5>
<h6 class="bold-font">Spring 2014</h6>
<p>Created a prototype of a teddy bear that could help sense Autism Spectrum Disorder in children. Used a LilyPad Arduino with accelerometers and Processing for data output. Blog Posts and notes can be found <a href="https://medium.com/@HuggableTech" target="_blank">here.</a></p>
</li>
<li class="collection-item">
<h5>1st Place ICS Webjam</h5>
<h6 class="bold-font">Winter 2014</h6>
<p>Created a language learning web app with a group, which won first place overall. I worked on the design and javascript of the site and games.</p>
</li>
<li class="collection-item">
<h5>3rd Place MedAppJam</h5>
<h6 class="bold-font">Fall 2013</h6>
<p>Built an iOS App with a group that helped those in dire situations get emergency help. <a href="https://itunes.apple.com/us/app/myfive+/id814066416?mt=8" target="_blank">App Store</a></p>
<ul class="collection with-header">
<li class="collection-header"><h5>Press</h5></li>
<li class="collection-item"><a href="http://www.ics.uci.edu/community/news/spotlight/spotlight_medappjam_2013" target="_blank">UCI ICS</a></li>
<li class="collection-item"><a href="http://www.ocregister.com/articles/team-593608-app-health.html?pic=2" target="_blank">OC Register</a></li>
<li class="collection-item"><a href="http://www.epatienthealthcare.com/2013/12/02/2013-med-app-jam-at-universtiy-of-california-irvine-uci/#.VWUBeFzBzGd" target="_blank">Telemedicine Reporter</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<!--div class="col s12 l8 offset-l2">
<div class="card">
<div class="card-content">
<a href="assets/Resume.pdf" target="_blank"><p class="center-align">Download a pdf version of my most recent resume.</p></a>
</div>
</div>
</div-->
</div>
</div>
</div>
</div>
<div class="fixed-action-btn" style="bottom: 45px; right: 24px;" id="exit-button">
<a class="btn-floating btn-large black">
<i class="large mdi-content-clear"></i>
</a>
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="materialize/js/materialize.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
</body>
</html>