projects.html

<!DOCTYPE html>
<html class="text-left">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>Sonia Wong</title>
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/styles.min.css">
    <link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon-16x16.png">
    <link rel="manifest" href="assets/img/site.webmanifest">
</head>

<body>
    <nav class="navbar navbar-light navbar-expand-md navigation-clean">
        <div class="container"><a class="navbar-brand" href="index.html">SW</a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
            <div class="collapse navbar-collapse" id="navcol-1">
                <ul class="nav navbar-nav ml-auto">
                    <li class="nav-item" role="presentation"><a class="nav-link" href="index.html">Hello</a></li>
                    <li class="nav-item" role="presentation"><a class="nav-link active" href="projects.html">Projects</a></li>
                    <li class="nav-item" role="presentation"><a class="nav-link" href="design.html">Design</a></li>
                    <li class="nav-item" role="presentation"><a class="nav-link" href="mailto:sonia.wy.wong@gmail.com">Contact</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <div class="projects-clean">
        <div class="container">
            <div class="intro">
                <h2 class="text-center">Projects </h2>
                <p class="text-center" style="margin: 0px 0px 50px 0px;">Here is a collection of some of my extracurricular projects, organized into work, mechatronics, embedded, development, and misc projects. I am always looking to integrate new technologies and concepts into my projects! Please contact me
                    if you would like a copy of a more detailed portfolio. Feel free to reach out if any of these projects interest you and I'd be happy to have a conversation!<br> <br> (Detailed portfolio available upon request.) </p>
            </div>
            <div class="row">
                <div class="col">
                    <h3>Work Projects</h3>
                    <em>Projects done at different companies.</em>
                </div>
            </div>
            <div class="row projects">
                <div class="col-sm-6 col-lg-4 item"><img class="img-fluid" src="assets/img/phoenix-hand.png">
                    <h3 class="name">Phoenix Robotic Hands</h3>
                    <p class="description">At Sanctuary AI I designed various embedded systems components for the sensors within the robotic hand. I also designed and built several testbenches for hardware/firmware validation and verification. <a href="https://youtu.be/R-gNg2xCLY8">Video Demo</a></p>
                </div>
                <div class="col-sm-6 col-lg-4 item"><img class="img-fluid" src="assets/img/m-das.jpg">
                    <h3 class="name">MIDAS</h3>
                    <p class="description">As part of my time at Pegasus Imagery, I connected the in-house Moisture & Icing Detection Alert System (MIDAS) to AWS via a custom IoT Android application. I also implemented a machine learning classifier into the mobile application
                        for differentiating different icing types and thicknesses. I also overhauled the UI to be easier to use for flight engineers. <a href="https://pegasusimagery.ca/technology/#midas">Website</a></p>
                </div>
                <div class="col-sm-6 col-lg-4 item">
                    <img class="img-fluid" src="assets/img/sparrow.jpg">
                    <h3 class="name">Sparrow NG</h3>
                    <p class="description">I designed a few test rigs including mechanical, electrical, and software components to validate a proprietary Parachute Recovery System to meet ASTM standards for the Sparrow New Generation (NG) drone in development. The rigs saw
                        <a href="https://www.linkedin.com/feed/update/urn:li:activity:6858759334810132480/">three successful helicopter deployments</a>! I also created an adapter <strong>PCB</strong> for the internal wiring of the drone.</p>
                </div>
                <div class="col-sm-6 col-lg-4 item">
                    <img class="img-fluid" src="assets/img/robin_xl.jpg">
                    <h3 class="name">Robin XL</h3>
                    <p class="description">I designed the mounting and deployment of a new parachute recovery system for the Robin XL drone using <strong>Solidworks</strong>. I also wrote <strong>system requirements</strong> and <strong>test procedures/documentation</strong>                        for future tests on the system.</p>
                </div>
            </div>


            <div class="row">
                <div class="col">
                    <h3>Mechatronics</h3>
                    <em>Robotics, electrical, embedded software, and electromechanical vehicles.</em>
                </div>
            </div>
            <div class="row projects">
                <div class="col-sm-6 col-lg-4 item">
                    <img class="img-fluid" src="assets/img/mcbot.jpg">
                    <h3 class="name">Waste Sorting Robot</h3>
                    <p class="description">McBot is a fast-food waste sorting robot that uses computer vision and a custom 5-DOF robotic arm. The project was successfully demonstrated sorting a tray of McDonald's waste at UBC's Design and Innovation Day. I led the development,
                        review, integration, and testing of the robotic system.
                    </p>
                </div>
                <div class="col-sm-6 col-lg-4 item">
                    <img class="img-fluid" src="assets/img/SAND-e.JPG">
                    <h3 class="name">SAND-e</h3>
                    <p class="description">SAND-e is an autonomous beach cleaning robot that aims to promote awareness around the issue of beach waste and clean small litter. I did overall and detailed electrical, software, and mechanical system design. I led my team in drafting
                        a proposal and presenting our design, which was awarded $15k by UBC
                    </p>
                </div>
                <div class="col-sm-6 col-lg-4 item"><img class="img-fluid" src="assets/img/PropGraph.JPG">
                    <h3 class="name">UAGV</h3>
                    <p class="description">I designed the propulsion and electrical systems for a flying rover that can transform between ground travel and flight to overcome obstacles common to search and rescue scenarios, capable of carrying a modular payload package of up
                        to 300 grams. <a href="https://drive.google.com/file/d/19nXLDUOm9-ZhOZaCPPEN8YLRx2z-uh7u/view">Design Report</a></p>
                </div>
                <div class="col-sm-6 col-lg-4 item">
                    <img class="img-fluid" src="assets/img/DSC_4342.jpg">
                    <h3 class="name">Rhino UGV</h3>
                    <p class="description">Rhino is a <strong>first person view</strong> (FPV) <strong>remote controlled Beyond Visual Line-Of-Sight</strong> (BVLOS) ground vehicle built to scan QR codes and retrieve medical packages in remote locations. Rhino was designed
                        in <strong>OnShape CAD</strong> and features a tracked propulsion system. <a href="https://youtu.be/Vm4Mw_LmYv0">Video</a></p>
                </div>
                <div class="col-sm-6 col-lg-4 item">
                    <img class="img-fluid" src="assets/img/scorpion.jpg">
                    <h3 class="name">Scorpion UGV</h3>
                    <p class="description">Scorpion is the second generation FPV BVLOS ground vehicle, designed in <strong>SolidWorks CAD</strong> software. This UGV features a retracting arm system that picks up packages as well as performing all the other functions of Rhino,
                        all controlled remotely. Scorpion was built to compete in the Unmanned Systems Canada 2021 Competition. <a href="https://soniawong.com/scorpion_in_ar/">View in AR</a></p>
                </div>
                <div class="col-sm-6 col-lg-4 item"><img class="img-fluid" src="assets/img/leapmotion.jpg">
                    <h3 class="name">Leap Motion Hand Controlled Robotics</h3>
                    <p class="description">Remote hand-controlled robotics was the focus of this project, using the Leap motion tracker connected via <strong>Bluetooth</strong>. I wrote programs for hardware (Arduino Mega connected to 5 servos in a hand/arm configuration) involving
                        <strong> TX/RX</strong>, wrote <strong>Java</strong> code for data acquisition from the meshed IR camera module, and designed the <strong>schematic</strong>.</p>
                </div>
                <div class="col-sm-6 col-lg-4 item">
                    <img class="img-fluid" src="assets/img/train.jpg">
                    <h3 class="name">Autonomous Model Train</h3>
                    <p class="description">A line-following robot train using <strong>IR sensors</strong> that plays "We Wish You A Merry Christmas" as it moves along the track. It is all driven from an Arduino Uno connected to IR sensors, an <strong>SD card</strong> reader
                        breakout board, and a small <strong>speaker</strong>.
                        <a href="assets/documentation.pdf" target="_blank">Documentation</a>
                    </p>
                </div>
            </div>


            <div class="row">
                <div class="col">
                    <h3>Electronics/Embedded</h3>
                    <em>Embedded & electronics projects.</em>
                </div>
            </div>
            <div class="row projects">
                <div class="col-sm-6 col-lg-4 item"><img class="img-fluid" src="assets/img/macropad.jpg">
                    <h3 class="name">Custom PCB Macropad</h3>
                    <p class="description">A wired custom macropad for executing autohotkey scripts and frequently used shortcuts. I designed the PCB in EasyEDA and programmed it using Arduino C.</p>
                </div>
                <div class="col-sm-6 col-lg-4 item"><img class="img-fluid" src="assets/img/dronelight.jpg">
                    <h3 class="name">Drone Light PCB</h3>
                    <p class="description">A custom drone lighting solution made to meet regulations for night drone flying. Full project files and documentation can be found on <a href="https://github.com/fruitbyte/DroneLights">Github.</a></p>
                </div>
                <div class="col-sm-6 col-lg-4 item"><img class="img-fluid" src="assets/img/in-progress.jpg">
                    <h3 class="name">Smart Battery Conversion PCB</h3>
                    <p class="description">Creating a BMS PCB to convert LiPo battery packs into monitored and protected parts of a system. Battery status is sent to a low-power E-Ink display and a drone flight computer.</p>
                </div>
            </div>


            <div class="row">
                <div class="col">
                    <h3>Development</h3>
                    <em>Coding projects: AR, websites, etc.</em>
                </div>
            </div>
            <div class="row projects">
                <div class="col-sm-6 col-lg-4 item"><img class="img-fluid" src="assets/img/autobudscreenshot.jpg">
                    <h3 class="name">Autobud Mobile Application</h3>
                    <p class="description">A <strong>flutter application</strong> that uses phone <strong>GPS</strong> data with car information to provide vehicle idle impact results. Information is stored and served from a <strong>Firebase Cloud Firestore Database</strong>                        and features <strong>OAuth2</strong> authentication. This application has placed as an international semifinalist in the global Technovation Challenge. <a href="https://autobud.ca/">Website</a> </p>
                </div>
                <div class="col-sm-6 col-lg-4 item"><img class="img-fluid" src="assets/img/uniformscreenshot.jpg">
                    <h3 class="name">Uniform Marking Android Application</h3>
                    <p class="description">A <strong>Java Android</strong> application developed with <strong>Firebase Realtime Database</strong> (JSON object database), featuring <strong>ordered data queries, exception handling, object-oriented programming</strong>, and <strong>intents.</strong>                        Developed exclusively for the client 810 Royal Canadian Air Cadet Squadron that replaced a pen-and-paper system which reduced uniform marking speeds by roughly 15% while saving paper.</p>
                </div>
                <div class="col-sm-6 col-lg-4 item"><img class="img-fluid" src="assets/img/projectboomar.jpg">
                    <h3 class="name">Project Boom WebAR</h3>
                    <p class="description">A web-based <strong> Augmented Reality </strong> viewer for The Project Boom, for the sharing and promotion of the supersonic aircraft design. The AR demo is a javascript implementation of <strong>WebAR</strong> surface recognition
                        and is compatible with iOS 11+, Android 9+, IE11+, and Chrome. <a href="https://theprojectboom.org/ar-page/">AR Demo</a></p>
                </div>
                <div class="col-sm-6 col-lg-4 item"><img class="img-fluid" src="assets/img/scorpionar.jpg">
                    <h3 class="name">UBC UAS AR Model Viewer</h3>
                    <p class="description">This to-scale model viewer for visualization purposes was built off of the same source code as the Project Boom WebAR project I worked on. This visualization tool helped with taking off the CAD goggles and seeing how things scale in
                        real life!</p>
                </div>
                <div class="col-sm-6 col-lg-4 item"><img class="img-fluid" src="assets/img/mikewebsite.jpg">
                    <h3 class="name">Mike Hofer Music Website</h3>
                    <p class="description">A website developed for the client, Mike Hofer, using <strong> HTML, Bootstrap CSS, and Javascript</strong>. See at mhmmikehofermusic.ca </p>
                </div>
                <div class="col-sm-6 col-lg-4 item"><img class="img-fluid" src="assets/img/crazyeightsgame.jpg">
                    <h3 class="name">Crazy Eights</h3>
                    <p class="description">A <a href="https://bicyclecards.com/how-to-play/crazy-eights/">Crazy Eights </a>game created with the <strong>JavaFX GUI library</strong> where the player plays against an NPC. The game is downloaded and ran as a .jar.</p>
                </div>
            </div>


            <div class="row">
                <div class="col">
                    <h3>Misc. Projects</h3>
                    <em>Other projects I had a lot of fun with!</em>
                </div>
            </div>
            <div class="row projects">
                <div class="col-sm-6 col-lg-4 item"><img class="img-fluid" src="assets/img/studioexterior-2.jpg">
                    <h3 class="name">Studio</h3>
                    <p class="description">A studio the size of a tiny house, featuring a cantilevered design and full electrical. My largest project to date, designed and hand built from the ground up by myself and lots of friends (to building code, of course).</p>
                </div>
                <div class="col-sm-6 col-lg-4 item">
                    <img class="img-fluid" src="assets/img/projectboom.jpg">
                    <h3 class="name">The Project Boom</h3>
                    <p class="description">I used <strong>Solidworks CAD</strong> and <strong>FEA</strong> to design the internal wing structures for The Project Boom, a group of engineering students aiming to be the first to break the sound barrier with RC aircraft and break
                        the world record. This design, inspired by large scale supersonic aircraft wing structures, was used in the early <strong>3D Printed</strong> Concept Aircraft. <a href="https://theprojectboom.org/">Website</a></p>
                </div>
                <div class="col-sm-6 col-lg-4 item">
                    <img class="img-fluid" src="assets/img/wing_tail_cfd_iso.JPG">
                    <h3 class="name">UAS eVTOL Beetle</h3>
                    <p class="description"> The electric Vertical Takeoff and Landing (eVTOL) drone was developed to compete in the 2022 International AUVSI Student UAS competition. I managed the overall project direction as the team Captain, but also focused on wing design,
                        stability, and control using <strong>XFLR5</strong>, <strong>OpenVSP</strong>, and <strong>Solidworks CFD</strong>.
                        <a href="assets/auvsi_suas-2022-journals-university_of_british_columbia.pdf" target="_blank">Documentation</a>
                </div>
                <div class="col-sm-6 col-lg-4 item">
                    <img class="img-fluid" src="assets/img/AtaksakRover.jpg">
                    <h3 class="name">Ataksak Rover</h3>
                    <p class="description"> Ataksak Rover is a flying and driving drone designed for fragile payload retrieval and precision delivery in the 2022 Aerial Evolution Association of Canada's student competition. I managed the overall project direction as the team
                        Captain in addition to rapid prototyping the driving and retrieval mechanism using <strong>laser cutting</strong> and <strong>3d printing</strong>. I also piloted all of the test flights.
                        <a href="https://ubcuas.com/">Website</a></p>
                </div>
                <div class="col-sm-6 col-lg-4 item"><img class="img-fluid" src="assets/img/p39.jpg">
                    <h3 class="name">P39 Airacobra Restoration</h3>
                    <p class="description">As an Assistant Restoration Technician at the Alberta Aviation Museum, I used <strong>air and power tools</strong> to fabricate and restore the <strong>sheet metal</strong> skins and internal structures of two deteriorated full-scale
                        P39 Airacobras from engineering drawings.
                    </p>
                </div>
                <div class="col-sm-6 col-lg-4 item">
                    <img class="img-fluid" src="assets/img/250drone.jpg">
                    <h3 class="name">250 Quadcopter</h3>
                    <p class="description">My first DIY drone project powered by a STM32F405 flight controller, 4 brushless DC motors, and a 3S LiPo that I selected and sourced through basic thrust calculations and checking component compatability. This drone was built to be
                        a testbed for future UAV experiments.</p>
                </div>
            </div>
        </div>
    </div>
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
</body>

</html>