Webdev banner

Web Design and Development for the Public Good

Growing up, Stephen learned Turbo Pascal and BASIC. In high school, he taught himself HTML, took classes in C++, and helped the Programming Club design and code the school's first website. In his spare time, he developed a game for the TI-85 calculator inspired by horse racing, where players place bets on which mathematical symbol they think will "win" the race.

His first personal website—which detailed starship specifications and histories from Star Trek—was hosted by GeoCities, one of the first widely available platforms offering free website creation and hosting in the 1990s.

In college, Stephen took additional courses in JavaScript and has continued to work on personal web development projects ever since. While serving as Lead Webmaster for the California Association of Criminalists, he overhauled the organization's website for more effective and attractive visitor engagement and communication.

Scroll down for information about Stephen's development environment, coding languages, and web development projects.

Coding happiness
  • I use VS Code as my text editor, with Tokyo Night theme and Fira Code and Operator Mono as the base typefaces.
  • Chrome is my main browser, with Firefox as my secondary.
  • I'm currently learning React for my front-end JavaScript library. I'd like to get into the mindset of the component-centric model for UI/UX design.
  • In a similar vein, I'll be learning Motion for JavaScript animations, complementing React.
  • For CSS, Less, SCSS, and other pre-compiling, I use Prepros.


System Setup

DESKTOP
Custom built in 2020
OS
Windows 11 Pro
CASE
Fractal Design Meshify C Black ATX High-Airflow Compact Light Tint Tempered Glass Mid Tower Computer Case, FD-CA-MESH-C-BKO-TGL
RAM
G.SKILL Ripjaws V Series 64GB (4 x 16GB) 288-Pin DDR4 SDRAM DDR4 3200 (PC4 25600) Intel XMP 2.0 Desktop Memory Model F4-3200C16Q-64GVK
CPU
Intel Core i7-10700K Comet Lake 8-Core 3.8 GHz LGA 1200 125W Desktop Processor w/ Intel UHD Graphics 630
MOBO
ASRock Z490 Phantom Gaming 4/2.5G LGA 1200 Intel Z490 SATA 6Gb/s ATX Intel Motherboard
GPU
EVGA GeForce RTX 3070 FTW3 ULTRA GAMING, 08G-P5-3767-KR, 8GB GDDR6, iCX3 Technology, ARGB LED, Metal Backplate
HDD
WD_Black SN750 1TB NVMe Internal Gaming SSD - Gen3 PCIe, M.2 2280, 3D NAND - WDS100T3X0C
HDD
Crucial MX500 1TB 3D NAND SATA 2.5 Inch Internal SSD - CT1000MX500SSD1(Z)
PSU
EVGA SuperNOVA 650 Ga, 80 Plus Gold 650W, Fully Modular, ECO Mode with Dbb Fan, 10 Year Warranty, Compact 150mm Size, Power Supply 220-GA-0650-X1
NIC
TP-Link WiFi 6 AX3000 PCIe WiFi Card w/ External Antenna
COOLING
Cooler Master MasterLiquid LC240E RGB Close-Loop AIO CPU Liquid Cooler, 240mm Radiator, Dual Chamber RGB Pump, Dual MF120R RGB Fans, RGB Lighting for AMD Ryzen/Intel LGA1200/1151
COOLING
Arctic Silver 5 Thermal Compound Paste 3.5g
NAS
Synology DS218+ DiskStation 2-Bay NAS System w/ 2x WD Red Plus Internal NAS HDD 3.5" - 4TB in Synology Hybrid RAID

Legacy Portfolio Website: legacy.stephenjlu.com

Project banner

Cloudflare Turnstile: An Implementation of Cloudflare's CAPTCHA Challenge

Project banner

Cloudflare R2 Object Storage: Serving a Comments Field with Cloudflare R2 Object Storage

Project banner

California Association of Criminalists

Project banner

Forensic Leaders Training Center: Flexibility in Leadership. Trust through Consistency.

Project banner

A Lasting Strength: Change What It Means to Live with ALS

Project banner

Striae: A Firearms Examiner's Comparison Companion

Project banner