Hui Zhang.

I design and build websites, software, and physical products.

View projects About my work
Inspiration

Projects

Independent applications, websites, and products across software, design, and fabrication.

Apps & tools

Custom software for managing workflows, information, and infrastructure.

Private app

A central dashboard for managing self-hosted websites, Synology services, Cloudflare DNS, traffic, and system health.

CShip’s public sign-in page for its international logistics platform.

CShip

Shipment management with batch tracking and shared delivery updates.

Open app

Etsy Booster

AI-assisted listing reviews, seller-reviewed improvements, and sales tracking for Etsy shops.

Open app

Hydr0x

A custom dashboard for monitoring HYDROS aquarium sensors, equipment status, and historical trends. HYDROS sign-in required.

Open app

Private app

A private expense tracker for reviewing Gmail receipts, organizing spending, recording business use, and exporting records.

iPad app

An iPad app for equipment checkout, photo-based kit checklists, returns, and inventory syncing with Google Sheets.

Websites

Web experiences for discovering, organizing, and exploring information.

FragX

Coral price tracking, vendor comparisons, and tools for reef aquarium hobbyists.

Visit site

Chinese News · 中文新闻

A customizable Chinese-language news reader with articles and photos from multiple sources.

Visit site

CalAcrylic

A custom acrylic fabrication website for panels, displays, enclosures, and one-off projects.

Visit site

Experiments & demos

Interactive games, prototypes, and ideas under development.

Shanghai Mahjong

A 3D Shanghai Mahjong game with a virtual tabletop and three computer opponents.

Play game

Oracle · 观象

An interactive Chinese-inspired oracle with 48 original readings and a reflection journal stored in your browser.

Open app

HomeClarity Demo

A home-search demo for comparing properties, estimating monthly costs, and assessing budget fit.

Try demo

Prototype

A California-focused payroll prototype for organizing employee records, reviewing pay runs, and exploring paycheck workflows.

BetX

Sports research combining NBA, NFL, and MLB predictions, news, and Polymarket insights.

Open app

Catalx

Market research connecting potential catalysts with company exposure, watchlists, and price charts.

Open app

Design & fabrication

Design tools, hardware prototypes, and projects made for the workshop.

Pattrn

A panel-design tool with custom patterns, instant previews, and SVG export. Sign in to save designs to your library.

Open app

Private app

A CNC and laser-cutting design tool for custom box panels, joints, material estimates, and SVG export.

Sasel Beta

A CNC design tool for creating toolpaths and exporting G-code.

Open app

In development

Touchscreen software and hardware prototypes for monitoring and controlling supported Apex and HYDROS aquarium equipment.

Box design and fabrication

Box Maker

Private app

Design custom box panels, configure joints and cutouts, and estimate material costs before fabrication. Export the finished panel layouts as SVG files.

Box Maker panel design and acrylic cost estimate with sample dimensions and pricing.
Panel design and cost estimateSample dimensions and pricing
Design the panels
Set dimensions, material thickness, joint details, openings, hole patterns, and vector artwork.
Estimate the build
Compare panel layouts with available acrylic sheets and calculate material, shipping, tax, and labor costs.
Export the files
Inspect the layout, save designs, and export SVG files for fabrication.

This preview uses sample dimensions and pricing. App access is private.

Personal expense management

Where’s My Money

In use · Private app

Review potential receipts from Gmail, organize expenses, track business-use percentages, and export records from one workspace.

Self-hosted on Synology. Access is limited to approved Google accounts.

Select an image to view it full size.

Expense workspace with navigation, totals, filters, and expense records. All preview data is fictional.
OverviewNavigation, totals, filters, and expense records. · View full size

Collect potential receipts
Scan up to a year of Gmail message summaries for potential receipts, with progress tracking and resumable scans.
Review expenses
Check amounts, assign categories and business-use percentages, and confirm or exclude records.
Save and export
Keep records on the server and export CSV or JSON files for further review.

All names, merchants, and amounts in this preview are fictional. Live email and financial records are not shown.

Payroll workflow prototype

Payroll SaaS

Prototype

A California-focused interface for preparing payroll, managing employee pay settings, reviewing pay runs, and previewing checks and pay statements.

Payroll SaaS prototype dashboard showing a sample company's pay date, gross and net pay, payroll review queue, and recent pay runs.
Payroll dashboardPay dates, payroll totals, and recent pay runs.

Company and employee records
Organize company settings, employee details, hourly and salaried pay, and deductions.
Pay-run review
Work through pay periods, employee selection, earnings, and gross-to-net pay summaries.
Check and pay statement previews
Review check layouts, employee pay statements, and employer copies before export.

This prototype uses sample data. Live payroll processing remains in development.

Equipment checkout and inventory

OfficeGearCheck

Native iPad app

A SwiftUI app for managing shared camera and production equipment on iPad. Photo-based checklists help staff verify complete kits, track borrowers, and record returns.

OfficeGearCheck on iPad showing a 14-item Nikon camera kit, gear photos, borrower selection, and a checklist for package checkout.
Kit checkoutVerify the equipment in a kit before it leaves.

Check out and return
Assign a kit to a borrower, verify its contents, and record returns with item-level flags for damaged or missing gear.
Manage inventory
Find equipment by photo, name, asset tag, kit, or serial number. Track condition, borrower, project, and due date.
Work offline and sync
Keep inventory and pending transactions on the iPad. Import published CSV data or sync inventory and activity through Google Sheets and Apps Script.

Screenshots are from the working iPad app. Borrower and activity records are sample data.

Self-hosted infrastructure management

Site Control

In use · Private app

A private dashboard for the websites and services I host on Synology, bringing infrastructure, DNS, traffic, and operational history into one place.

This preview uses fictional names, domains, addresses, activity, and metrics. Live administration remains private.

Site Control overview screen with fictional demo data. Website health, running services, NAS load, and recent changes in one view.
OverviewWebsite health, services, NAS load, and recent activity.View full size

Why I built it

Managing a self-hosted website means keeping track of more than its pages. Domains, containers, virtual machines, storage, and network services all need attention.

I built Site Control to connect those pieces. It gives me one place to check site health, understand dependencies, investigate problems, and review administrative changes.

What it manages

Websites and domains
Group primary domains and verified aliases into a single site view while retaining separate health checks and DNS records. Aliases can span DNS zones. An alias failure still flags the site, while shared storage is displayed once.
Containers and virtual machines
Inspect services, resource use, ports, storage mounts, and logs. Manage supported container actions and virtual-machine start or graceful shutdown controls. Containers are grouped by project or service type, with confirmations for start, stop, and restart actions.
Cloudflare DNS
Review, create, and edit DNS records in the context of the website they serve, with safeguards for stale values and protected dynamic-DNS records. Record type, destination, proxy state, and time-to-live values remain visible.
Traffic and analytics
Review visits, page views, requests, data transfer, caching, and errors across daily, monthly, yearly, or custom reporting periods. Page views count successful HTML responses. Page, country, device, and browser breakdowns are available, and alias traffic rolls into its primary site. Exports follow the selected reporting scope.
Storage and backup visibility
See NAS capacity, website data paths, measured folder sizes, and discovered backup files. A file’s presence does not confirm a successful or restorable backup. Measurements that time out remain unmeasured, and shared paths are identified.
Issues and recovery
Track failures, service errors, storage warnings, and expiring certificates. Follow recurring incidents through recovery and export diagnostics when needed. Filter by source, severity, or status, open related websites or services, and review administrative changes in a separate history.

How it works

A React and TypeScript interface connects to a Node.js and Express API running in Docker on Synology. A separate Python collector provides NAS and workload information and handles a limited set of validated local actions. The web app uses HTTPS and sign-in; the collector accepts actions over a local Unix socket.

  1. BrowserSites, metrics, and reviewed actions.
  2. Application APIAuthentication, validation, integrations, and saved history.
  3. Data sourcesSynology collector and Cloudflare APIs.

Cloudflare credentials remain on the server, with separate DNS and read-only analytics credentials. The web container runs without root privileges or direct access to the Docker socket. Session cookies, origin checks, CSRF protection, and action confirmations add safeguards around administrative changes. Common credential patterns are masked in diagnostics.

Built for daily use

Searchable groups, compact tables, and responsive layouts keep detailed infrastructure information usable across screen sizes. Sites remain distinct even when they share an IP address.

Traffic history is saved locally and archived over time. Missing dates and partial totals remain clearly labeled. If a refresh fails, saved results remain available and the failure is recorded. Collection uses bounded windows, and older records move into compressed archives beyond the provider’s short hostname-history window.

Scope and limitations

Cloudflare analytics can contain sampled or estimated data and include bot traffic. Visits are not unique people. DNS-only traffic and requests sent directly to the NAS are outside this reporting, and history cannot be reconstructed if it was never collected.

Health checks run from the NAS. An independent external monitor is still needed to detect a complete NAS or internet outage. Provisioning, automated deployments, DNS deletion, and backup restoration are outside the tool’s current controls.

My contribution
Interface design, frontend development, backend integrations, and Synology deployment.
React, TypeScript, Vite, Node.js, Express, Python, Docker, and Cloudflare APIs.

Aquarium monitoring and control

BlueKrush OS

In development

Touchscreen software and hardware prototypes for Neptune Apex and CoralVue HYDROS reef aquarium systems.

BlueKrush OS compact interface artwork with sample tank readings and navigation.
Compact interface480 × 480 interface artwork with sample readings.

Display prototypes
480 × 480 and 800 × 480 touch interfaces for tank readings, history, alerts, settings, and supported controls.
Supported integrations
Local Apex outlet control, HYDROS cloud monitoring, and supported equipment controls.
Development status
Interface refinement and hardware testing are ongoing. Dosing and tester workflows are not yet complete.

Images show interface artwork or prototype hardware, as labeled. Readings are test data.

About me

I am a designer, developer, and maker based in the Bay Area. My work spans websites, custom software, and physical product design.

I studied fine arts at Gallaudet University and now manage websites for Berkeley Lab’s Computing Sciences team. That combination shapes my approach: clear visual thinking, careful implementation, and attention to how people use the finished result.

Outside the Lab, I develop independent web applications and design acrylic and 3D-printed products, including reef aquarium accessories sold through BlueKrush. I take projects from concept and prototype through development, fabrication, and refinement.

View my experience on LinkedIn

Clients

BlueKrush

Acrylic and 3D-printed products designed, fabricated, and refined in my workshop.

Shop BlueKrush on Etsy
Clear acrylic acclimation box with honeycomb ventilation, a clear lid, and an orange pull tab.

Acrylic

Acclimation box

A magnetic acrylic enclosure for fish and anemones during acclimation.

View on Etsy
White circular coral frag racks with plug holders and a black center handle.

3D-printed PETG

Bucket frag rack

A 44-plug rack designed to transport coral frags in a 5-gallon bucket.

View on Etsy
Black polycarbonate grille camera bracket with a camera opening and slotted mounting holes.

3D-printed polycarbonate

Camera bracket

A polycarbonate grille-mounted camera bracket for compatible Toyota Tundra and Sequoia models.

View on Etsy

GitHub activity

View my GitHub profile

Loading GitHub activity...

Start a project

Tell me what you’re building.

Tell me about your website, software, home network, storage, or fabrication project. Include your goals, current setup, and any timing or budget constraints.

Your message goes to email@hui.today. I’ll reply to the email you provide.