scripts.js

router();

function router() {
  const url = window.location.href;
  const route = url.indexOf('#') > -1 ? url.substring(url.indexOf('#'), url.length) : null;

  if (route === '#Experience') {
    navExperience();
  } else {
    navHome();
  }
}

function navHome() {
  document.getElementById('title').innerHTML = 'Home';
  document.getElementById('main-content').innerHTML = `
    <div class="banner">
      <h2>Full Stack Web Developer / Generalist</h2>
      <p>Hi, I'm Joshua Hua. I'm a software engineer with experience in full stack, but I like to experiment and work on new things! Check out my latest project at <a href="https://github.com/jhua4/needyd" target="_blank">https://github.com/jhua4/needyd</a></p>
    </div>
  `;
}

function navExperience() {
  document.getElementById('title').innerHTML = 'Experience';
  document.getElementById('main-content').innerHTML = `
    <div class="timeline-content">
      <div class="timeline color1">
        <div class="item left">
          <div class="content">
            <b>October 2018 - Present</b><br>
            Senior Software Developer, American Airlines<br><br>
            Built two full stack applications used by frontline workers to order parts for aircraft maintenance.<br>
	          Developed .NET Core WebAPI and Node.js backends, and Angular frontends.<br>
	          Integrated with other backend services and SQL/Oracle databases.<br>
	          Setup CI/CD pipeline, monitor application health using Dynatrace.<br>
	          Work with other teams to facilitate development/testing and debug issues with data and infrastructure.

            <ul>
              <li>Languages: C#, TypeScript, JavaScript, HTML, Less, GraphQL</li>
              <li>Libraries: Kendo UI for Angular, nrwl/nx</li>
              <li>Frameworks: .NET Core, Angular 7, EF Core, Node.js, xUnit, Jasmine, Protractor</li>
            </ul>
          </div>
        </div>
      </div>
      <div class="timeline color1">
        <div class="item right">
          <div class="content">
            <b>May 2018 - October 2018</b><br>
            Software Developer, Global Payments<br><br>
            Added new features and debugged issues in ASP.NET web application.
            <ul>
              <li>Languages: C#, HTML, CSS, JavaScript</li>
              <li>Libraries: jQuery</li>
              <li>Frameworks: ASP.NET</li>
            </ul>
          </div>
        </div>
      </div>
      <div class="timeline color1">
        <div class="item right">
          <div class="content">
            <b>May 2018</b><br>
            Graduated ASU, B.S. Computer Science
          </div>
        </div>
      </div>
      <div class="timeline color1">
        <div class="item left">
          <div class="content">
            <b class="color1">September 2016 - May 2018</b><br>
            Software Engineer, Alpha Connect<br><br>
            Added new features to .NET desktop application, and built new applications.<br>
            Installed and integrated SQL server for storage.<br>
            Mentored a junior developer.
            <ul>
              <li>Languages: C#, VB.NET</li>
              <li>Frameworks: .NET Framework, WinForms</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  `;
}