<!DOCTYPE html> <html> <head> <title>Timothy Koo</title> <link rel="stylesheet" type="text/css" href="css/style.css"> <!-- <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> --> <link href="https://fonts.googleapis.com/css?family=Montserrat:400,600" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.9"></script> </head> <body> <div class="row"> <div class="column"> <h1><a href="#experience">Experience</a></h1> </div> <div class="column"> <h1><a href="#projects">Projects</a></h1> </div> <div class="column"> <h1><a href="#leadership">Leadership</a></h1> </div> <div class="column"> <h1><a href="#contact">Contact</a></h1> </div> </div> <!-- <div class="spacing"></div> --> <!-- Intro Section --> <section> <div id="box"> <h1 id="title">Timothy Koo</h1> <img src="images/self.jpg" alt="Picture of myself" id="selfie"> <!-- typed: where it types over --> <!-- typed-strings: what it actually types out --> <div id="typedStyling"> <div id="typed-strings"> <p>Welcome to TimothyKoo.net!</p> </div> <span id="typed"></span> </div> </div> </section> <!-- Work Experience --> <a name="experience"></a> <section> <div class="contentStyling"> <h1>Experience</h1> <h2>Microsoft Hololens Research</h2> <p>Undergraduate Researcher</p> <ul> <li>Investigated Vuforia’s object detection application and its viability on the Hololens with the help of Unity</li> <li>Currently exploring different possibilities of multi-user AR</li> </ul> <h2>Orbach Library Creat'R Lab</h2> <p>Student Technician</p> <ul> <li>Maintained and monitored maker space equipment (i.e. Arduino boards, Raspberry Pi’s, Xbox Kinect, 3D Printers, Oculus Rift)</li> <li>Led web development workshops to encourage programming among non-STEM fields</li> </ul> <h2>Associated Students of the University of California Riverside</h2> <p>Software Engineer</p> <ul> <li>Constructed a bootstrapped-based web application for all of the 2018 ASUCR elections information</li> <li>Implemented JavaScript / JQuery for the frontend animations and dynamic content injections</li> <li>Supported a candidate pool of 60+ individuals and a 20K+ student body</li> <li>Saved student body $8k+ in unnecessary spending</li> </ul> </div> </section> <!-- Projects --> <a name="projects"></a> <section> <div class="contentStyling"> <h1>Projects</h1> <h2>Tic Tac Toe</h2> <ul> <li>Utilizes array manipulation to place marks on the game board for an interactive two player tic tac toe game</li> <li>Implements user-defined functions to organize the content of the code</li> </ul> </div> </section> <!-- Leadership --> <a name="leadership"></a> <section> <div class="contentStyling"> <h1>Leadership</h1> <button class="accordion leadershipColoring"><h2>ACM (Association for Computing Machinery)</h2></button> <div class="panel"> <p>Outreach Chair</p> <ul> <li>Organize volunteers for UCR’s annual First Lego League event</li> <li>Lead organizer for the Hour of Code at UCR</li> </ul> </div> <button class="accordion leadershipColoring"><h2>Rose Hack Committee</h2></button> <div class="panel"> <p>Marketing Fellow</p> <ul> <li>Marketed UCR’s first women eccentric hackathon on social media platforms</li> <li>Design graphics for sponsoring companies</li> </ul> </div> <button class="accordion leadershipColoring"><h2>ACM@UCR Programming Competition</h2></button> <div class="panel"> <p>1st Place Beginner's Bracket</p> <ul> <li>Solved data structure and algorithm problems similar to those of the International Collegiate Programming Contest</li> </ul> </div> <button class="accordion leadershipColoring"><h2>SHHS'S FIRST Robotics Team 4574</h2></button> <div class="panel"> <p>Programming Team Member</p> <ul> <li>Used labVIEW to program a robot that could hold and release a large ball</li> <li>Placed third in the First Robotics Competition San Diego Regionals</li> </ul> </div> </div> </section> <!-- Contact --> <a name="contact"></a> <section> <div class="contentStyling"> </div> </section> <!-- <div class="section2"> fd </div> --> <!-- <div class="container"> <span id="typed2"></span> </div> --> <!-- typed: where it types over --> <!-- typed-strings: what it actually types out --> <script src="js/animations.js"></script> <script src="https://code.jquery.com/jquery-2.1.4.js"></script> <!-- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> --> </body> </html>