https://yutongjin.com/projects/Recent content in Projects on Yutong JinHugoen-usWed, 07 Aug 2024 00:00:00 +0000https://yutongjin.com/projects/13-lol-summoner-info-app/Thu, 29 Oct 2020 00:00:00 +0000https://yutongjin.com/projects/13-lol-summoner-info-app/<h2 id="overview">Overview</h2> <p><code>LOLSummonerInfoApp</code> is a React app built around League of Legends player information. The repo structure is straight Create React App, which suggests the focus was on product behavior and API/UI integration rather than custom build tooling.</p> <h2 id="what-it-represents">What It Represents</h2> <ul> <li>game-adjacent product building</li> <li>React single-page app workflow</li> <li>pulling structured data into a user-facing dashboard</li> </ul> <h2 id="stack">Stack</h2> <ul> <li>React</li> <li>JavaScript</li> <li>HTML/CSS</li> <li>Create React App</li> </ul> <h2 id="repo">Repo</h2> <ul> <li>GitHub: <a href="https://github.com/yutongjin/LOLSummonerInfoApp">yutongjin/LOLSummonerInfoApp</a></li> </ul>https://yutongjin.com/projects/14-northeast/Wed, 23 Jun 2021 00:00:00 +0000https://yutongjin.com/projects/14-northeast/<h2 id="overview">Overview</h2> <p><code>NorthEast</code> is a Java/Maven project with ANTLR-generated code plus frontend assets. Even with a sparse README, the structure suggests a project that combined language tooling or parsing work with a browser-facing layer, which makes it different from the earlier CRUD-style app repos.</p> <h2 id="what-it-represents">What It Represents</h2> <ul> <li>a more technical Java project shape</li> <li>parser or language-processing work through ANTLR</li> <li>combining backend logic with a user-facing interface</li> </ul> <h2 id="stack">Stack</h2> <ul> <li>Java</li> <li>Maven</li> <li>ANTLR</li> <li>HTML/CSS/JavaScript</li> </ul> <h2 id="repo">Repo</h2> <ul> <li>GitHub: <a href="https://github.com/yutongjin/NorthEast">yutongjin/NorthEast</a></li> </ul>https://yutongjin.com/projects/15-votwin/Wed, 21 Jul 2021 00:00:00 +0000https://yutongjin.com/projects/15-votwin/<h2 id="overview">Overview</h2> <p><code>votwin</code> is a lightweight idea repo described as “vote and win.” There is not much code or documentation, but it reads like a product concept capture rather than a random scratchpad.</p> <h2 id="what-it-represents">What It Represents</h2> <ul> <li>a simple product prototype idea</li> <li>packaging a concept into a named repo early</li> <li>using GitHub as a place to hold small experiments, not only full builds</li> </ul> <h2 id="stack">Stack</h2> <ul> <li>concept repo</li> </ul> <h2 id="repo">Repo</h2> <ul> <li>GitHub: <a href="https://github.com/yutongjin/votwin">yutongjin/votwin</a></li> </ul>https://yutongjin.com/projects/17-aram-beimei/Wed, 07 Aug 2024 00:00:00 +0000https://yutongjin.com/projects/17-aram-beimei/<h2 id="overview">Overview</h2> <p><code>aram-beimei</code> is a Django app with Docker packaging and Fly.io deployment notes. This is one of the clearest recent repos because the README includes actual run, migration, and deploy commands, which makes the intended workflow explicit.</p> <h2 id="what-it-represents">What It Represents</h2> <ul> <li>a more operational Python web app</li> <li>Django plus container-based deployment</li> <li>a repo where local development and production deployment were both documented</li> </ul> <h2 id="stack">Stack</h2> <ul> <li>Python</li> <li>Django</li> <li>Docker</li> <li>Fly.io</li> <li>HTML templates</li> </ul> <h2 id="repo">Repo</h2> <ul> <li>GitHub: <a href="https://github.com/yutongjin/aram-beimei">yutongjin/aram-beimei</a></li> </ul>