A personal IT portfolio site built to demonstrate hands-on troubleshooting, technical learning, networking knowledge, and practical problem-solving for entry-level help desk and IT support roles.
This site shows my progression from browser-based IT study tools to a larger React networking application and a documented real-world firmware recovery. The projects emphasize structured troubleshooting, clear technical explanation, and repeatable solutions.
| Project | Format | Open |
|---|---|---|
| OSI Explorer | Interactive React networking application | Live site · Source |
| IT Support Lab Terminal | Browser-based study tool | Launch |
| Network Troubleshooter | Scenario-based diagnostic tool | Launch |
| Neptune 4 Plus MCU Recovery | Technical troubleshooting case study | Read |
An interactive networking education application that presents the OSI model as a connected system of layers, protocols, devices, addressing methods, commands, and troubleshooting concepts.
The project includes a responsive connected knowledge map, seven detailed layer pages, a searchable topic encyclopedia, and a guided 12-step packet journey showing what happens when a user visits a website.
Technology: React, Vite, JavaScript, CSS, React Router, GitHub Actions, GitHub Pages
Open the live project
View the source repository
A browser-based terminal simulator that responds to typed commands, parses input, and returns structured study content across hardware, networking, operating system, and security topics.
Built in vanilla JavaScript with a command registry, randomized quizzes, accepted-answer evaluation, and session-based XP tracking.
Technology: HTML, CSS, JavaScript
A scenario-based diagnostic tool structured around the IT troubleshooting process: identify the problem, establish and test a theory, create an action plan, verify resolution, and document findings.
Scenarios cover APIPA addressing and DHCP failure, WAN connectivity, broadcast storms, and switch-level MAC filtering. Correct and incorrect choices both provide explanatory feedback.
Technology: HTML, CSS, JavaScript
A documented real-world troubleshooting case involving a failed firmware update on a Klipper-based 3D printer.
The investigation separated the Linux host, firmware, USB serial interface, and printer MCU layers. It demonstrates CH340 device identification, COM-port isolation, UART troubleshooting, firmware recovery, root-cause analysis, and technical documentation.
This portfolio site: HTML, CSS, JavaScript, GitHub Pages
Featured application: React, Vite, JavaScript, CSS, React Router, GitHub Actions
Support and troubleshooting: Windows 10/11, Ubuntu Linux, VirtualBox, TCP/IP, IPv4, DNS, default gateways, subnetting, wireless connectivity, Command Prompt, Linux terminal, ping, ipconfig, tracert, nslookup, and ARP
I come from a precision manufacturing background with hands-on experience in team leadership, Lean manufacturing, standardized work, training, equipment troubleshooting, and root-cause analysis.
I approach IT troubleshooting the same way I approached process improvement: isolate variables, test assumptions, document findings, and produce a repeatable solution.
Currently preparing for the CompTIA Network+ certification through coursework, hands-on networking labs, and practical projects.
Email: stevegarnet@outlook.com
Location: Tooele, Utah
Career focus: Help desk, desktop support, technical support, and field support roles
This project is available under the MIT License.