forked from lvn/elvinyung.com
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
72 additions
and
67 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -2,85 +2,90 @@ | |
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>I am Elvin Yung.</title> | ||
| <link rel="stylesheet" href="css/style.css"> | ||
| <link rel="stylesheet" href="css/style.css?1"> | ||
| <script src="js/site.js"></script> | ||
| </head> | ||
| <body> | ||
| <div class="top-bar center-text"> | ||
| <header class="top-bar center-text"> | ||
| <h1>Elvin Yung</h1> | ||
| <h4><i class="thin">Full Stack Wizard (in Training)</i></h4> | ||
| <h4><a href="#am">Who I Am</a> · <a href="#do">What I Do</a> · <a href="#done">What I've Done</a> · <a href="#doing">What I'm Doing</a> · <a href="#talk">Let's Talk</a></h4> | ||
| </div> | ||
| <div class="slide tall-slide center-text"> | ||
| <h1>Hi. I'm Elvin Yung.</h1> | ||
| <h2 class="thin">I try to write as little code as possible.</h2> | ||
| </div> | ||
| <div class="slide center-text" id="am"> | ||
| <h2>Who I Am</h2> | ||
| <div class="infobox-container"> | ||
| <div class="infobox"> | ||
| <p>I'm an <del>aspiring</del> software developer who is generally proficient throughout most parts of the web stack, from frontend to backend, and with multiple technologies and platforms. I'm interested in building elegant and sustainable software architectures, deciding how different services and modules communicate with each other and the end-user, and how data is processed and exchanged between them.</p> | ||
| <p>In my spare time I read up on information theory and computational linguistics. I also spend a lot of time thinking about interesting <a href="#do">side projects</a>, and possibly also building them.</p> | ||
| <p>I attend hackathons quite frequently. I find the hackathon environment in general to be beneficial to productivity, and the saturation of knowledge, coming from other attendees, helps to enrich my knowledge.</p> | ||
| <p>I currently attend the <a href="https://uwaterloo.ca/">University of Waterloo</a>, in Waterloo, Ontario, Canada, in the middle of the sophomore year of an Honours Computer Science Co-op program.</p> | ||
| </div> | ||
| </header> | ||
| <div class="content"> | ||
| <div class="slide tall-slide center-text"> | ||
| <h1>Hi. I'm Elvin Yung.</h1> | ||
| <h2 class="thin">I try to write as little code as possible.</h2> | ||
| </div> | ||
| </div> | ||
| <div class="slide center-text" id="do"> | ||
| <h2>What I Do</h2> | ||
| <p>I design, build and maintain software.</p> | ||
| <p>I've worked at the following places before:</p> | ||
| <div class="infobox-container"> | ||
| <div class="infobox"> | ||
| <h3>EventMobi</h3> | ||
| <h4>Software Developer Intern</h4> | ||
| <p>I worked at <a href="https://www.eventmobi.com/">EventMobi</a> in fall 2014, on the Full Stack Team, which was responsible for developing and maintaining essentially most of the user-facing application code, as well as the serverside API middleware facades. I mainly worked on a cross-platform push notifications system for native apps.</p> | ||
| <p>My internship ended up, partially accidentally, being even more rewarding than I expected. I say accidentally because I was ostensibly brought on to do front-end (ish) work, and I ended up basically touching every part of the stack. So not only did I work extensively with <span class="thick">AngularJS</span>, I also gained a ton of experience with serverside development with <span class="thick">Python/Flask</span> and <span class="thick">Node.js/Express</span>. (And also a bit of PHP, but let's not talk about that.)</p> | ||
| <p>Over the course of my internship, I did these things:</p> | ||
| <ul> | ||
| <li>Implemented core infrastructure for an Amazon SNS-backed cross-platform push notifications system using Flask and Node.js</li> | ||
| <li>Constructed Flask microservices for performing RESTful CRUD operations upon resources stored on Amazon S3</li> | ||
| <li>Improved Grunt development build time for AngularJS apps by roughly 84% (135 seconds)</li> | ||
| <li>Made various improvements to an internal Node.js build server</li> | ||
| <li>Fixed major issues on AngularJS web-mobile apps and a PHP content management system</li> | ||
| <li>Wrote unit tests for AngularJS apps with Karma and Sinon</li> | ||
| </ul> | ||
| <div class="slide center-text" id="am"> | ||
| <h2>Who I Am</h2> | ||
| <div class="infobox-container"> | ||
| <div class="infobox"> | ||
| <p>I'm an <del>aspiring</del> software developer who is generally proficient throughout most parts of the web stack, from frontend to backend, and with multiple technologies and platforms. I'm interested in building elegant and sustainable software architectures, deciding how different services and modules communicate with each other and the end-user, and how data is processed and exchanged between them.</p> | ||
| <p>In my spare time I read up on information theory and computational linguistics. I also spend a lot of time thinking about interesting <a href="#do">side projects</a>, and possibly also building them.</p> | ||
| <p>I attend hackathons quite frequently. I find the hackathon environment in general to be beneficial to productivity, and the saturation of knowledge, coming from other attendees, helps to enrich my knowledge.</p> | ||
| <p>I currently attend the <a href="https://uwaterloo.ca/">University of Waterloo</a>, in Waterloo, Ontario, Canada, in the middle of the sophomore year of an Honours Computer Science Co-op program.</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="slide center-text" id="done"> | ||
| <h2>What I've Done</h2> | ||
| <div class="infobox-container"> | ||
| <div class="infobox one-third"> | ||
| <h3>Uberman</h3> | ||
| <a href="https://www.npmjs.com/package/uberman">NPM</a> · <a href="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/elvinyung/uberman">Github</a> | ||
| <p>Uberman is a batteries-included framework for rapidly prototyping RESTful hypermedia-driven web data interfaces. It is written in Node.js, using Express as a middleware and routing framework.</p> | ||
| <p>I was mainly inspired by the <a href="https://martinfowler.com/articles/richardsonMaturityModel.html">Richardson Maturity Model</a>, and wanted to build a tool that could create arbitrary RESTful data APIs that are simultaneously compliant with the various RFC specifications, as well as Roy Fielding's <a href="https://www.ics.uci.edu/~fielding/pubs/dissertation/top.htm">original dissertation</a>.</p> | ||
| <p>Uberman features a pluggable data persistence layer, meaning that anyone using Uberman can ues any database they want, as long as they have an adapter for it.</p> | ||
| </div> | ||
| <div class="infobox one-third"> | ||
| <h3>Pypress</h3> | ||
| <a href="https://pypi.python.org/pypi/Pypress/0.0.0">PyPi</a> · <a href="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/elvinyung/pypress">Github</a> | ||
| <p>Pypress is a WSGI web framework written in Python. It started off as an attempt to emulate request routing powered by middleware stacking (à la Express, Sinatra, Martini, etc.) in Python.</p> | ||
| <div class="slide center-text" id="do"> | ||
| <h2>What I Do</h2> | ||
| <p>I design, build and maintain software.</p> | ||
| <p>I've worked at the following places before:</p> | ||
| <div class="infobox-container"> | ||
| <div class="infobox"> | ||
| <h3>EventMobi</h3> | ||
| <h4>Software Developer Intern</h4> | ||
| <p>I worked at <a href="https://www.eventmobi.com/">EventMobi</a> in fall 2014, on the Full Stack Team, which was responsible for developing and maintaining essentially all of the user-facing application code, as well as the serverside middleware facade APIs. I mainly worked on a cross-platform push notifications system for native apps.</p> | ||
| <p>My internship ended up, partially accidentally, being even more rewarding than I expected. I say accidentally because I was ostensibly brought on to do front-end (ish) work, and I ended up basically touching every part of the stack. So not only did I work extensively with <span class="thick">AngularJS</span>, I also gained a ton of experience with serverside development with <span class="thick">Python/Flask</span> and <span class="thick">Node.js/Express</span>. (And also a bit of PHP, but let's not talk about that.)</p> | ||
| <p>Over the course of my internship, I did these things:</p> | ||
| <ul> | ||
| <li>Implemented core infrastructure for an Amazon SNS-backed cross-platform push notifications system using Flask and Node.js</li> | ||
| <li>Constructed Flask microservices for performing RESTful CRUD operations upon resources stored on Amazon S3</li> | ||
| <li>Improved Grunt development build time for AngularJS apps by roughly 84% (135 seconds)</li> | ||
| <li>Made various improvements to an internal Node.js build server</li> | ||
| <li>Fixed major issues on AngularJS web-mobile apps and a PHP content management system</li> | ||
| <li>Wrote unit tests for AngularJS apps with Karma and Sinon</li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| <div class="infobox one-third"> | ||
| <h3>Catacombs of Chaos</h3> | ||
| <a href="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/elvinyung/CatacombsOfChaos">Github</a> | ||
| <p>Catacombs of Chaos is a roguelike roleplaying game written in C# with XNA. It uses procedural generation to create infinitely replayable content.</p> | ||
| </div> | ||
| <div class="slide center-text" id="done"> | ||
| <h2>What I've Done</h2> | ||
| <div class="infobox-container"> | ||
| <div class="infobox"> | ||
| <h3>Uberman</h3> | ||
| <a href="https://www.npmjs.com/package/uberman">NPM</a> · <a href="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/elvinyung/uberman">Github</a> | ||
| <p>Uberman is a batteries-included framework for rapidly prototyping RESTful hypermedia-driven web data interfaces. It is written in Node.js, using Express as a middleware and routing framework.</p> | ||
| <p>I was mainly inspired by the <a href="https://martinfowler.com/articles/richardsonMaturityModel.html">Richardson Maturity Model</a>, and wanted to build a tool that could create arbitrary RESTful data APIs that are simultaneously compliant with the various RFC specifications, as well as Roy Fielding's <a href="https://www.ics.uci.edu/~fielding/pubs/dissertation/top.htm">original dissertation</a>.</p> | ||
| <p>Uberman features a pluggable data persistence layer, meaning that anyone using Uberman can ues any database they want, as long as they have an adapter for it.</p> | ||
| </div> | ||
| <div class="infobox"> | ||
| <h3>Pypress</h3> | ||
| <a href="https://pypi.python.org/pypi/Pypress/0.0.0">PyPi</a> · <a href="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/elvinyung/pypress">Github</a> | ||
| <p>Pypress is a WSGI web framework written in Python. It started off as an attempt to emulate request routing powered by middleware stacking (à la Express, Sinatra, Martini, etc.) in Python.</p> | ||
| </div> | ||
| <div class="infobox"> | ||
| <h3>Catacombs of Chaos</h3> | ||
| <a href="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/elvinyung/CatacombsOfChaos">Github</a> | ||
| <p>Catacombs of Chaos is a roguelike roleplaying game written in C# with XNA. It uses procedural generation to create infinitely replayable content.</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="slide center-text" id="doing"> | ||
| <h2>What I'm Doing</h2> | ||
| <p>I'm currently doing stuff with the following languages:</p> | ||
| <ul> | ||
| <li><span class="thick">Clojure</span> - because transducers are cool.</li> | ||
| <li><span class="thick">Erlang</span> - because pattern matching is cool.</li> | ||
| </ul> | ||
| </div> | ||
| <div class="slide center-text" id="talk"> | ||
| <h2>Let's Talk</h2> | ||
| <p>You can reach me at <a href="mailto:[email protected]">[email protected]</a>.</p> | ||
| </div> | ||
| </div> | ||
| <div class="slide center-text" id="doing"> | ||
| <h2>What I'm Doing</h2> | ||
| <p>I'm currently doing stuff with the following languages:</p> | ||
| <ul> | ||
| <li><span class="thick">Clojure</span> - because transducers are cool.</li> | ||
| <li><span class="thick">Erlang</span> - because pattern matching is cool.</li> | ||
| </ul> | ||
| </div> | ||
| <div class="slide center-text" id="talk"> | ||
| <h2>Let's Talk</h2> | ||
| <p>You can reach me via <a href="mailto:[email protected]">[email protected]</a>.</p> | ||
| </div> | ||
| <footer class="top-bar center-text"> | ||
| <h5 class="thin">Why are you still here?</h5> | ||
| </footer> | ||
| </body> | ||
| </html> | ||