index_test.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
      integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
      crossorigin="anonymous"
    />
    <link rel="stylesheet" href="./css/style.css" />
    <title>Document</title>
  </head>
  <body>
    <div class="card-group">
      <div class="card">
        <div class="card-body">
          <h5 class="card-title">E-commerce RestAPI</h5>
          <br />
          <dl class="row">
            <dt class="col-sm-3">Description</dt>
            <dd class="col-sm-9">
              <em
                >Fully functional RestAPI for owners to make http requests to
                add/delete/update/retrive store and items
                <br />
                <br />
              </em>
            </dd>

            <dt class="col-sm-3">Technology</dt>
            <dd class="col-sm-9">
              <ul>
                <li>Python/Flask/SQLalchemy/FlaskJWT</li>
                <li>Heroku/Postman</li>
                <br />
              </ul>
            </dd>

            <dt class="col-sm-3 text-truncate">Difficulties Faced</dt>
            <dd class="col-sm-9">
              <ul>
                <li>Unable to register an account with encryption</li>
                <li>
                  Inefficient and redundant SQL syntax make request not
                  responsive
                </li>
              </ul>
            </dd>

            <dt class="col-sm-3">Solutions</dt>
            <dd class="col-sm-9">
              Used FlaskJWT and SQLalchemy to handle these two questions
              <br />
              <br />
            </dd>
          </dl>

          <button
            type="button"
            class="btn btn-primary"
            data-toggle="button"
            aria-pressed="false"
            autocomplete="off"
            onclick="window.location.href = 'https://github.com/HuskyDanny/Rest_API_Store-Items';"
          >
            More Info
          </button>
        </div>
      </div>

      <div class="card">
        <div class="card-body">
          <h5 class="card-title">Confusion Real-Time Chart</h5>
          <br />
          <dl class="row">
            <dt class="col-sm-3">Description</dt>
            <dd class="col-sm-9">
              <em
                >Client to server model service provided for teachers and
                professors to understand students' confusion feedbacks better
              </em>
            </dd>

            <dt class="col-sm-3">Technology</dt>
            <dd class="col-sm-9">
              <ul>
                <li>Python/Flask/Socketio</li>
                <li>HTML/CSS/Javascript</li>
                <li>Machine learning/Feature engineering</li>
              </ul>
            </dd>

            <dt class="col-sm-3 text-truncate">Difficulties Faced</dt>
            <dd class="col-sm-9">
              <ul>
                <li>Not able to send data to front end in real-time</li>
                <li>Hard to generate accurate scores on confusion</li>
                <br />
              </ul>
            </dd>

            <dt class="col-sm-3">Solutions</dt>
            <dd class="col-sm-9">
              Integrated Socketio technology into our packages, and used Azure
              emotion API as a model to do ensembling
            </dd>
          </dl>

          <button
            type="button"
            class="btn btn-primary"
            data-toggle="button"
            aria-pressed="false"
            autocomplete="off"
            onclick="window.location.href = 'https://github.com/HuskyDanny/Real-Time-Perplexity-Level-Monitoring';"
          >
            More Info
          </button>
        </div>
      </div>
    </div>
    <div class="card-group">
      <div class="card">
        <div class="card-body">
          <h5 class="card-title">Tic-Tac-Toe</h5>
          <p class="card-text">
            Classic Game implemented by HTML/CSS/Javascript
          </p>
          <p class="card-text"></p>

          <button
            type="button"
            class="btn btn-primary"
            data-toggle="button"
            aria-pressed="false"
            autocomplete="off"
            onclick="window.location.href = 'https://github.com/HuskyDanny/tic-tac-toe';"
          >
            More Info
          </button>
        </div>
      </div>
      <div class="card">
        <div class="card-body" id="card-1">
          <h5 class="card-title">Titanic Challenge</h5>
          <p class="card-text">
            A Kaggle competition to predict the survival of passengers with
            given data
          </p>

          <button
            type="button"
            class="btn btn-primary"
            data-toggle="button"
            aria-pressed="false"
            autocomplete="off"
            onclick="window.location.href = './download/Titanic_Challenge.pdf'"
          >
            More Info
          </button>
        </div>
      </div>
      <div class="card">
        <div class="card-body">
          <h5 class="card-title">Text Sentimental Application</h5>
          <p class="card-text">
            A simple sentimental application used to predict the sentiment level
            of input sentence
          </p>
          <p class="card-text"></p>

          <button
            type="button"
            class="btn btn-primary"
            data-toggle="button"
            aria-pressed="false"
            autocomplete="off"
            onclick="window.location.href = 'http://junchenpan.pythonanywhere.com/';"
          >
            More Info
          </button>
        </div>
      </div>
    </div>
  </body>
</html>