Compare commits
4 Commits
542b353f27
...
main
Author | SHA1 | Date | |
---|---|---|---|
17586ae648 | |||
ce7018251a | |||
c2e06b87bc | |||
f6290b28b1 |
202
src/index.html
@ -47,7 +47,7 @@
|
|||||||
<h2>Skills</h2>
|
<h2>Skills</h2>
|
||||||
<ul>
|
<ul>
|
||||||
<li style="margin: 0;">
|
<li style="margin: 0;">
|
||||||
6+ years experience programming in C/C++, C#, Java, Python, HTML/CSS, JavaScript
|
7+ years experience programming in C/C++, C#, Java, Python, HTML/CSS, JavaScript, Rust
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
Solid Full-Stack Web Development experience with React/Next.js frontend, Express.js backend API
|
Solid Full-Stack Web Development experience with React/Next.js frontend, Express.js backend API
|
||||||
@ -206,6 +206,65 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="experience">
|
||||||
|
<div class="rectangular-wrapper">
|
||||||
|
<div>
|
||||||
|
<img src="./pictures/cscc43-project.png" alt="D-Ticketmaster demo">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="experience-text">
|
||||||
|
<div class="experience-header">
|
||||||
|
<h2><a href="https://github.com/ethanglide/cscc43-project" target="_blank">Social Investment
|
||||||
|
Platform</a> |
|
||||||
|
Full-Stack Web Application</h2>
|
||||||
|
<p>03/2025-04/2025</p>
|
||||||
|
</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Social platform where users can manage stock portfolios, analyze market trends, and share investment
|
||||||
|
strategies with friends
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Developed as a project for my university's database course, with a focus on smart schema design and
|
||||||
|
efficient queries
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Built with React frontend, Express.js backend, and PostgreSQL database
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="experience">
|
||||||
|
<div class="rectangular-wrapper">
|
||||||
|
<div>
|
||||||
|
<img src="./pictures/dticketmaster.png" alt="D-Ticketmaster demo">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="experience-text">
|
||||||
|
<div class="experience-header">
|
||||||
|
<h2>D-Ticketmaster | Web3 Blockchain dApp</h2>
|
||||||
|
<p>03/2025</p>
|
||||||
|
</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Decentralized ticket marketplace powered by the Ethereum blockchain, allowing users to buy, sell, and
|
||||||
|
trade tickets securely and transparently
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Developed for my university's blockchain course for learning about smart contracts, wallet
|
||||||
|
connections, and decentralized applications
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Ticket purchases are done using the platform's custom ERC-20 tokens, and tickets themselves are
|
||||||
|
ERC-721 NFTs with royalties built-in so that the original seller/artist gets a cut of all resales
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Built with React frontend, Solidity smart contracts, and <a href="https://viem.sh/"
|
||||||
|
target="_blank">viem</a> for interacting with the Ethereum blockchain
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div class="experience">
|
<div class="experience">
|
||||||
<div class="rectangular-wrapper">
|
<div class="rectangular-wrapper">
|
||||||
<div>
|
<div>
|
||||||
@ -235,6 +294,91 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="experience">
|
||||||
|
<div class="rectangular-wrapper">
|
||||||
|
<div>
|
||||||
|
<img src="./pictures/rhdc.png" alt="Romhacking.com home page">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="experience-text">
|
||||||
|
<div class="experience-header">
|
||||||
|
<h2> <a href="https://romhacking.com/" target="_blank">Romhacking.com</a> | Full-Stack Web Development
|
||||||
|
</h2>
|
||||||
|
<p>08/2024 - Present</p>
|
||||||
|
</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Joined group of developers to add features to an existing production-level project
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Navigated the large codebases, frontend and backend, and learned the new technologies required to make
|
||||||
|
extensions to the functionality
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Worked cloesly with maintainers to make sure code additions were consistent in quality and style with
|
||||||
|
the rest of the codebase
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Added a live-updating activity feed to the home page to make the site more lively
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="experience">
|
||||||
|
<div class="rectangular-wrapper">
|
||||||
|
<div>
|
||||||
|
<img src="./pictures/groq-model-comparison.png" alt="Groq Model Comparison demo">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="experience-text">
|
||||||
|
<div class="experience-header">
|
||||||
|
<h2> <a href="https://git.thingsnstuff.xyz/ethanglide/groq-model-comparison" target="_blank">Groq Model
|
||||||
|
Comparison</a> | Rust Desktop App
|
||||||
|
</h2>
|
||||||
|
<p>12/2024</p>
|
||||||
|
</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Desktop application for easily comparing LLM responses and response times to find the one
|
||||||
|
best suited for your project
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Developed as a side project to learn the Rust programming language after becoming interested in memory
|
||||||
|
safety from a cybersecurity course
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Uses the <code>egui</code> library for the GUI, <code>reqwest</code> for making HTTP requests, and
|
||||||
|
<code>tokio</code> for concurrency
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="experience">
|
||||||
|
<div class="rectangular-wrapper">
|
||||||
|
<div>
|
||||||
|
<img src="./pictures/telepuzzle.png" alt="telepuzzle demo">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="experience-text">
|
||||||
|
<div class="experience-header">
|
||||||
|
<h2> <a href="https://ethanglide.itch.io/telepuzzle1" target="_blank">Telepuzzle</a> | Unity 3D Game
|
||||||
|
</h2>
|
||||||
|
<p>12/2022</p>
|
||||||
|
</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Developed in 4 days for the Unity Developer Community Game Jam #16, with the theme "Teleportation"
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Puzzle game where your goal is to get to the end of the level by manipulating the objects around you
|
||||||
|
with your teleportation gun
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Worked together with a 3D artist to create the game with fun gameplay and a unique art style
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div class="experience">
|
<div class="experience">
|
||||||
<div class="course-planner-wrapper">
|
<div class="course-planner-wrapper">
|
||||||
<div>
|
<div>
|
||||||
@ -262,32 +406,6 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="experience">
|
|
||||||
<div class="rectangular-wrapper">
|
|
||||||
<div>
|
|
||||||
<img src="./pictures/telepuzzle.png" alt="telepuzzle demo">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="experience-text">
|
|
||||||
<div class="experience-header">
|
|
||||||
<h2> <a href="https://ethanglide.itch.io/telepuzzle1" target="_blank">Telepuzzle</a> | Unity 3D Game
|
|
||||||
</h2>
|
|
||||||
<p>12/2022</p>
|
|
||||||
</div>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
Developed in 4 days for the Unity Developer Community Game Jam #16, with the theme "Teleportation"
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
Puzzle game where your goal is to get to the end of the level by manipulating the objects around you
|
|
||||||
with your teleportation gun
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
Worked together with a 3D artist to create the game with fun gameplay and a unique art style
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="experience">
|
<div class="experience">
|
||||||
<div class="square-wrapper">
|
<div class="square-wrapper">
|
||||||
<div>
|
<div>
|
||||||
@ -314,36 +432,6 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="experience">
|
|
||||||
<div class="rectangular-wrapper">
|
|
||||||
<div>
|
|
||||||
<img src="./pictures/rhdc.png" alt="Romhacking.com home page">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="experience-text">
|
|
||||||
<div class="experience-header">
|
|
||||||
<h2> <a href="https://romhacking.com/" target="_blank">Romhacking.com</a> | Full-Stack Web Development
|
|
||||||
</h2>
|
|
||||||
<p>08/2024 - Present</p>
|
|
||||||
</div>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
Joined group of developers to add features to an existing production-level project
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
Navigated the large codebases, frontend and backend, and learned the new technologies required to make
|
|
||||||
extensions to the functionality
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
Worked cloesly with maintainers to make sure code additions were consistent in quality and style with
|
|
||||||
the rest of the codebase
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
Added a live-updating activity feed to the home page to make the site more lively
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="section">
|
<div class="section">
|
||||||
<h2>Programming Languages, Tools, and Frameworks</h2>
|
<h2>Programming Languages, Tools, and Frameworks</h2>
|
||||||
|
BIN
src/pictures/cscc43-project.png
Normal file
After Width: | Height: | Size: 110 KiB |
BIN
src/pictures/dticketmaster.png
Normal file
After Width: | Height: | Size: 161 KiB |
Before Width: | Height: | Size: 37 KiB |
Before Width: | Height: | Size: 47 KiB |
BIN
src/pictures/groq-model-comparison.png
Normal file
After Width: | Height: | Size: 361 KiB |
Before Width: | Height: | Size: 18 KiB |
Before Width: | Height: | Size: 99 KiB |
Before Width: | Height: | Size: 39 KiB |
@ -126,7 +126,7 @@ div.side-by-side {
|
|||||||
div.section {
|
div.section {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
gap: 1.5rem;
|
gap: 1.7rem;
|
||||||
padding: 2rem;
|
padding: 2rem;
|
||||||
border-radius: 0.5rem;
|
border-radius: 0.5rem;
|
||||||
border: #151920 0.15rem solid;
|
border: #151920 0.15rem solid;
|
||||||
|