index.html

<!doctype html>
<html lang="en">
  <head>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-131844224-1"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'UA-131844224-1');
    </script>

    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Custom CSS, includes Bootstrap CSS -->
    <link rel="stylesheet" href="style.css">

    <!-- Particles.js -->
    <script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js"></script>
    <script src="index.js" ></script>

    <!-- Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

    <!-- Roboto Font -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300italic,400,700,900" rel="stylesheet">

    <!-- Material Icons -->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

    <title>Joshua Luo</title>
    <!-- <script>
      function setHeightToFillViewport() {
        var viewportHeight = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
        var contentHeight = document.getElementById('about').clientHeight;
        document.getElementById('fill-viewport').style.height = viewportHeight - contentHeight;
      }
    </script> -->
  </head>

  <body>
    <!-- Splash Page -->
    <div id="particles-js" class="section">
        <div id="header">
          <h1 class="header-text" id="name">JOSHUA LUO</h1>
          <h6 class="header-text" id="subtitle">I'm an Electrical and Computer Engineering student at The University of Texas at Austin.</h6>
            <a href="./JoshuaLuo_TechnicalResume.pdf" class="btn btn-outline-primary" id="download-resume-btn">Download Resume</a>

        </div>
        <i class="material-icons text-center" id="scroll">keyboard_arrow_down</i>
    </div>

    <!-- Introduction -->
    <div class="container-fluid" id="intro">
      <div class="container section text-center" id="about">
        <img src="./assets/headshot.jpg" style="height:10rem; border-radius:50%;">
        <br>
        <br>
        <h1 class="section-title" style="color: white;">Hey There!</h1></br>
        <p style="color:white;">
          I am an Electrical and Computer Engineering student at The University of Texas at Austin, graduating in May 2020. I am specializing in software engineering, and I also do graphic design, photography, and videography on the side. I am currently looking for full-time employment opportunities for 2020!
        </p>
      </div>
    </div>

    <!-- Work Experience -->
    <div class="container-fluid">
      <div class="container section">
        <h1 class="section-title text-center">Work Experience</h1></br>
        <div class="row">
          <div class="col">
            <ul class="timeline">
              <li>
                <strong>Deloitte Consulting</strong> <a class="float-right">June 2019 - Aug 2019</a> <br>
                <i>Business Technology Analyst Summer Scholar</i>
                
                <ul>
                  <li>Reduced testing time by 22% by designing a concurrent algorithm and testing framework (Java)</li>
                  <li>Decreased weekly client-billable hours spent on status deck by 83% by automating process (VBA)</li>
                  <li>Improved accuracy and efficiency of project pricing by updating automated staffing utility (VBA)</li>
                </ul>
              </li>
              <li>
                  <strong>Enseo</strong> <a class="float-right">June 2018 - Aug 2018</a> <br>
                  <i>Quality Assurance Engineer Intern</i>
                  
                  <ul>
                    <li>Accelerated testing speed by developing automated testing framework (HTML/CSS, Javascript)</li>
                    <li>Conducted faster and more accurate tests by writing and using scripted tests (Bash, Expect/Tcl)</li>
                    <li>Identified software defects across 6 firmware releases, 3 product models, and IoT peripherals</li>
                  </ul>
              </li>
              <li>
                  <strong>LaunchPad City</strong> <a class="float-right">June 2017 - Aug 2017</a> <br>
                  <i>Technology & Marketing Intern</i>
                  
                  <ul>
                    <li>Expanded market reach by designing 75 graphics and producing 10 videos (Photoshop, Premiere)</li>
                    <li>Improved brand presence by designing high-fidelity UX/UI wireframes for 2 websites (Illustrator)</li>
                    <li>Insured nation-wide renovation of 300 stores by maintaining database and creating basic websites</li>
                  </ul>
              </li>
              <li>
                  <strong>NTT DATA</strong> <a class="float-right">June 2014 - Aug 2014</a> <br>
                  <i>Summer Intern</i>
                  
                  <ul>
                    <li>Enhanced technical knowledge of marketing employees by creating a training for cloud computing</li>
                    <li>Increased usability of company’s portal and learning management system by producing 5 tutorials</li>
                    <li>Raised $800 for the North Texas Food Bank by organizing an office-wide fundraiser</li>
                  </ul>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
      
    <!-- Coursework -->
    <div class="container-fluid">
      <div class="container section">
      <h1 class="section-title text-center">Coursework</h1></br>
      <div class="row">
        <div class="col-4">
          <div class="list-group" id="list-tab" role="tablist">
            <a class="list-group-item list-group-item-action active" id="list-DSL-list" data-toggle="list" href="#list-DSL" role="tab" aria-controls="DSL">Data Science Lab</a>
            <a class="list-group-item list-group-item-action" id="list-concurrent-list" data-toggle="list" href="#list-concurrent" role="tab" aria-controls="concurrent">Concurrent & Distributed Systems</a>
            <a class="list-group-item list-group-item-action" id="list-softwarelab-list" data-toggle="list" href="#list-softwarelab" role="tab" aria-controls="softwarelab">Software Lab</a>
            <a class="list-group-item list-group-item-action" id="list-OS-list" data-toggle="list" href="#list-OS" role="tab" aria-controls="OS">Operating Systems</a>
            <a class="list-group-item list-group-item-action" id="list-algo-list" data-toggle="list" href="#list-algo" role="tab" aria-controls="algo">Algorithms</a>
            <a class="list-group-item list-group-item-action" id="list-swe1-list" data-toggle="list" href="#list-swe1" role="tab" aria-controls="swe1">Software Design & Implementation I</a>
            <a class="list-group-item list-group-item-action" id="list-swe2-list" data-toggle="list" href="#list-swe2" role="tab" aria-controls="swe2">Software Design & Implementation II</a>
            <a class="list-group-item list-group-item-action" id="list-embedded-list" data-toggle="list" href="#list-embedded" role="tab" aria-controls="embedded">Embedded Systems</a>
          </div>
        </div>
        <div class="col-8">
          <div class="tab-content" id="nav-tabContent">
            <div class="tab-pane fade show active" id="list-DSL" role="tabpanel" aria-labelledby="list-DSL-list">
              <h5>Topics Covered:</h5>
              <p>Predictive modeling, regression and classification, data cleaning and preprocessing, feature engineering, unsupervised methods, principal component analysis, data clustering, model selection and feature selection, entropy and information theory, neural networks, deep learning, and machine learning for signals and time-series data</p>

              <br>

              <h5>Experience:</h5>
              <strong>Kaggle Competition</strong>
              <ul>
                <li>Achieved 11th place out of 87 students by using a gradient boosting machine learning algorithm, tuning hyperparameters, and preprocessing data</li>
              </ul>
            </div>

            <div class="tab-pane fade" id="list-concurrent" role="tabpanel" aria-labelledby="list-concurrent-list">
              <h5>Topics Covered:</h5>
              <p>Concurrency, lock-based and lock-free synchronization, resource allocation, multi-threaded programming, distributed systems programming, mutual exclusion, global snapshots, global property evaluation, message ordering, consensus, Byzantine agreement, commit protocols</p>
            </div>

            <div class="tab-pane fade" id="list-softwarelab" role="tabpanel" aria-labelledby="list-softwarelab-list">
              <h5>Topics Covered:</h5>
              <p>Design and development of large-scale software systems using automated analysis tools, generation of concrete software engineering artifacts at all stages of the software life-cycle, design principles and methods, design and modeling tools, collaborative development environment, object-oriented design and analysis, design patterns and refactoring, integration and testing tools, debugger and bug finder, program comprehension, software life-cycle and evolution</p>
            </div>

            <div class="tab-pane fade" id="list-OS" role="tabpanel" aria-labelledby="list-OS-list">
              <h5>Topics Covered:</h5>
              <p>Operating system design and implementation, the shell, process management and system calls, memory management, thread management, scheduling, synchronization, concurrency, file systems, input/output systems, virtual machines, networking and security</p>
              <br>

              <h5>Experience:</h5>
              <strong>Pintos</strong>
              <ul>
                <li>Implemented basic functionality of an operating system including multithreading, user program system calls, virtual memory, and a file system</li>
              </ul>
            </div>

            <div class="tab-pane fade" id="list-algo" role="tabpanel" aria-labelledby="list-algo-list">
              <h5>Topics Covered:</h5>
              <p>Advanced problem solving methods, algorithm design principles, complexity analysis, study of the nature, impact, and handling of intractability, study of common algorithmic classes and their applications</p>
            </div>

            <div class="tab-pane fade" id="list-swe1" role="tabpanel" aria-labelledby="list-swe1-list">
              <h5>Topics Covered:</h5>
              <p>Basic problem solving, design and implementation techniques for imperative programming, structured programming in the C/C++ language, programming idioms, introduction to software design principles including modularity, coupling and cohesion, introduction to software engineering tools, elementary data structures, asymptotic analysis</p>
            </div>

            <div class="tab-pane fade" id="list-swe2" role="tabpanel" aria-labelledby="list-swe2-list">
              <h5>Topics Covered:</h5>
              <p>Methods for engineering software with a focus on abstraction, specification, design, implementation, and testing of object-oriented code using a modern development tool-set for complex systems, design and implementation of object-oriented programs in Java, abstract data types, inheritance, polymorphism, parameterized types and generic programming, the operation and application of commonly used data structures, exception handling and fault tolerance, introduction to algorithm analysis, teamwork models</p>
            </div>       
            
            <div class="tab-pane fade" id="list-embedded" role="tabpanel" aria-labelledby="list-embedded-list">
              <h5>Topics Covered:</h5>
              <p>Embedded systems, machine language execution, assembly and C language programming, local variables and subroutines, input/output synchronization, analog to digital conversion and digital to analog conversion, debugging, and interrupts</p>

              <br>

              <h5>Experience:</h5>
              <strong>Harry Potter Video Game</strong>
              <ul>
                <li>Interfaced a TI TM4C LaunchPad microcontroller with LEDs, slide potentiometer (ADC), audio jack (DAC), buttons, and LCD screen</li>
                <li>Implemented 4 extra credit software features in 1 week through pair programming</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    </div>

    <!-- Technical Projects -->
    <div class="container section-full">
      <h1 class="section-title text-center">Technical Projects</h1></br>
      
        <div class="row">
          <div class="col-md-4">
            <div class="card">
              <img class="card-img-top" src="./assets/balcones.gif" alt="Card image cap">
              <div class="card-body">
                <h5 class="card-title">Full Stack Fantasy Golf Web Application</h5>
                <h6 class="card-subtitle mb-2 text-muted">Python, SQL, JavaScript, React, AWS, Postman, Git</h6>
                <p class="card-text">A full stack fantasy golf web application designed to meet the requirements of a client. Developed a RESTful API, MySQL database, and Flask backend with Python with a React JS frontend.</p>
                <p class="card-text"><small class="text-muted">Spring 2019</small></p>
                <a href="http://www.balconeschallenge.me/" class="btn btn-primary">Check it out</a>

              </div>
            </div>
          </div>

          <div class="col-md-4">
            <div class="card">
              <img class="card-img-top" src="./assets/mortalkombat_curiosity.gif" alt="Card image cap">
              <div class="card-body">
                <h5 class="card-title">Neural Networks Playing Video Games</h5>
                <h6 class="card-subtitle mb-2 text-muted">Python, GCP, Gym Retro, Git</h6>
                <p class="card-text">Exploration of how various machine learning algorithms would perform while playing retro video games like Mortal Kombat, Sonic The Hedgehog, and Super Mario Bros. Preprocessed data to improve performance using techniques like frame skipping, object tracking, edge detection, and more. Utilized a Neuro-Evolution of Augmenting Topologies (NEAT) feed-forward network, a PPO2 model, and a curiosity-driven model.</p>
                <p class="card-text"><small class="text-muted">Spring 2019</small></p>
                <a href="https://towardsdatascience.com/an-exploration-of-neural-networks-playing-video-games-3910dcee8e4a" class="btn btn-primary">Check it out</a>

              </div>
            </div>
          </div>
          
          <div class="col-md-4">
            <div class="card">
              <img class="card-img-top" src="./assets/critters.gif" alt="Card image cap">
              <div class="card-body">
                <h5 class="card-title">Critters Simulation</h5>
                <h6 class="card-subtitle mb-2 text-muted">Java, JavaFX</h6>
                <p class="card-text">A Model-View-Controller (MVC) program that simulates animals and plants interacting with each other in a grid-based world. Uses JavaFX for GUI.</p>
                <p class="card-text"><small class="text-muted">Spring 2017</small></p>

              </div>
            </div>
          </div>
        </div>
            
      </div>
      
  </body>
</html>