👋Hi,I'm

ForJiang

webcoding...

AboutMe

Adeveloperwholovesturningideasintoproducts

Hi!I'mForJiang—ahighschoolstudentandapassionateprogramminglearner.EversincewritingmyfirstHello,World,I'vebeenfascinatedbyturningideasintorealitywithcode.

OverthepastfewyearsI'vebeenlearningprogramming—tryingoutfrontend,backendandsomesmallprojects,andexploringhowtoturnideasbeyondtheclassroomintothingsthatactuallyrun.Iespeciallyenjoypolishinginteractiondetails,optimizingperformance,andthesatisfactionofbreakingcomplexproblemsintosimpleones.I'mstilllearning,butIcan'twaittobuildmoreinterestingthings.

WhenI'mnotcoding,Ienjoyphotography,running,andsharingmystudynoteswiththetechcommunity.Ifyouhaveaninterestingidea—orjustwanttotalkcode—feelfreetoreachout!

TechStack

MySkills

ToolsandtechnologiesIactuallyusedinmyprojects,alwayslearning

🎨Frontend&Visualization

TypeScript / JavaScript

Canvas 2D

SVG Animation

three.js / WebGL

React / Next.js

Tailwind CSS

🧠In-browserAI&Media

ONNX Runtime Web

WebGPU / WASM

Web Audio API

WebCrypto / AES-256-GCM

IndexedDB

EXIF / GPS / XMP

ZIP Packaging

Python Inference Service

🛠️Engineering&Algorithms

Unit Testing

Symbolic Differentiation

Meeus Solar Algorithms

Projection & 3D Math

Performance

Git / GitHub Actions

Zero-dependency Builds

Projects

WhereIputtheseskillstowork

Ninefullystatic,offline-capablewebtools

RVCSoundClone

Browser-sideRVCvoicecloning:record,upload,inferandexportentirelyin-page—audioneverleavesthedevice.Dual-engine:ONNXRuntimeWebinthebrowser,oralocalRVCserviceforGPU-gradequality.Fullvoiceparameterswithone-clickpresets,batchqueueexportsasZIP,built-inmodellibrarywithdrag-and-dropimport.

JavaScript

ONNX Runtime

Web Audio

IndexedDB

Python

GitHub Livedemo

ImageMetadataCleaner

Batch-stripsthehiddendatainphotos:cameramodel,timestamps,GPScoordinates,embeddedthumbnails,editortracesandtrailinghiddendata.Scanfirst,thenstrip,thenself-verify—zerometadataout.Canvasre-encodeplusforcedsegmentstripping,terminal-stylelivelog,worksoffline,69unittests.

JavaScript

Canvas

EXIF / GPS / XMP

ZIP

GitHub Livedemo

helloHandwritingDemo

Azero-dependencystaticpage:overablack-and-grayvoxelterrain,helloisdrawnstrokebystrokein3.5s,andthewordmarkitselfisalivelightsource—per-voxelellipticalfalloffplusaper-pixeladditivegradientpool.Aliveclocksitsbelowthewordmarkinthesameglow;pressRtoreplay.PureSVGstrokeportoftheAppleHelloanimation,noReact,nobuild.

JavaScript

SVG

Canvas

Zero-dep

GitHub Livedemo

Imageto3DSplat

Turnsaphotooravideointoarotatable3DGaussian-splatpointcloudinthebrowser:DepthAnythingV2estimatesper-pixeldepthlocally,spawninghundredsofthousandsofGaussiandiscsintheoriginalcolors,renderedlivewiththree.jsandexportableas.ply/.splatforBlenderorSuperSplat.Self-hostedmodels,WebGPUfp16withint8+WASMfallback—filesneverleavethedevice.

JavaScript

ONNX Runtime

WebGPU

three.js

GitHub Livedemo

FunctionGrapher

Afullyclient-sidefunctionplotter:typeanexpressionanditdrawsinstantly,upto6curvesoverlaid,20+one-clickfunctions;wheelzoom,dragpan,hoverreadout.Azero-dependencysymbolicdifferentiationenginegives1st–8thderivativeswithsteps,dashedderivativeoverlayandtangentlines,loggedliveinaterminal-stylepanel—verifiedby285unittestsagainstnumericaldifferences.

JavaScript

Canvas

Symbolic diff

Zero-dep

GitHub Livedemo

FileEncryptionSuite

Azero-dependencybrowserbuildplusaPythondesktopbuild,one.forjiangformatwithpasswordmodeinteroperablebothways:everyfilegetsitsownAES-256key(PBKDF2,600krounds)anditscontentissealedwithAES-256-GCMinastreaming,chunkedpass—nothingleavesthemachine.ThedesktopbuildaddsRSAsession-keywrapping(encryptiononlyeverneedsthepublickey),whole-folderbatches,aCLIanddouble-clicklaunchers;119unittests,light/darkaware.

JavaScript

WebCrypto

Python

AES-256-GCM

GitHub Livedemo

WorldlessClock

Afullscreenworldclock:auto-locatesyou(Geolocation→IPlookup→defaultcity,afour-levelfallbackchain)andshowscenteredtimetothesecond,whileahand-drawnworldmaptracestheliveterminatorbylongitude.OneMeeussolarimplementationinbothPythonandJS;theGitHubPagesbuildisserverlessandworksoffline.

JavaScript

Python

Canvas

Meeus solar

Zero-dep

GitHub Livedemo

ARViewfinder

Placesanimecharacterart—orMMD3Dmodels—ontothegroundplaneofaphotoorlivecamerafeedviathepinholeprojectionequation:cameraheight,subjectdistanceandheight,pitch,roll,effectivefocallength,shotsizeandaspectalladjustable,contactshadowswithdirectionanddensity,one-clickmattingandbatchexport,outputsPNG/characterlayer/assetzip/scene.jsonrecipe.Allcomputestaysinthebrowser.

JavaScript

three.js

Projection

Matting

Live camera

GitHub Livedemo

AL-1SArisTerminal

ABlueArchivefanterminalforTendouAris,inChinese,JapaneseandEnglish:characterprofile,combatstats,skills,exclusiveweapon,bondstories,voiceplayback,aMomoTalkchatsimulation,memorylimitsandaneventtimeline—withasystemboot-upanimation.Purestatic,zerodependencies,hostedstraightfromGitHubPages.

JavaScript

Canvas

SVG

Trilingual

Zero-dep

GitHub Livedemo

RVCSoundClone

Browser-sideRVCvoicecloning:record,upload,inferandexportentirelyin-page—audioneverleavesthedevice.Dual-engine:ONNXRuntimeWebinthebrowser,oralocalRVCserviceforGPU-gradequality.Fullvoiceparameterswithone-clickpresets,batchqueueexportsasZIP,built-inmodellibrarywithdrag-and-dropimport.

JavaScript

ONNX Runtime

Web Audio

IndexedDB

Python

GitHub Livedemo

ImageMetadataCleaner

Batch-stripsthehiddendatainphotos:cameramodel,timestamps,GPScoordinates,embeddedthumbnails,editortracesandtrailinghiddendata.Scanfirst,thenstrip,thenself-verify—zerometadataout.Canvasre-encodeplusforcedsegmentstripping,terminal-stylelivelog,worksoffline,69unittests.

JavaScript

Canvas

EXIF / GPS / XMP

ZIP

GitHub Livedemo

helloHandwritingDemo

Azero-dependencystaticpage:overablack-and-grayvoxelterrain,helloisdrawnstrokebystrokein3.5s,andthewordmarkitselfisalivelightsource—per-voxelellipticalfalloffplusaper-pixeladditivegradientpool.Aliveclocksitsbelowthewordmarkinthesameglow;pressRtoreplay.PureSVGstrokeportoftheAppleHelloanimation,noReact,nobuild.

JavaScript

SVG

Canvas

Zero-dep

GitHub Livedemo

Imageto3DSplat

Turnsaphotooravideointoarotatable3DGaussian-splatpointcloudinthebrowser:DepthAnythingV2estimatesper-pixeldepthlocally,spawninghundredsofthousandsofGaussiandiscsintheoriginalcolors,renderedlivewiththree.jsandexportableas.ply/.splatforBlenderorSuperSplat.Self-hostedmodels,WebGPUfp16withint8+WASMfallback—filesneverleavethedevice.

JavaScript

ONNX Runtime

WebGPU

three.js

GitHub Livedemo

FunctionGrapher

Afullyclient-sidefunctionplotter:typeanexpressionanditdrawsinstantly,upto6curvesoverlaid,20+one-clickfunctions;wheelzoom,dragpan,hoverreadout.Azero-dependencysymbolicdifferentiationenginegives1st–8thderivativeswithsteps,dashedderivativeoverlayandtangentlines,loggedliveinaterminal-stylepanel—verifiedby285unittestsagainstnumericaldifferences.

JavaScript

Canvas

Symbolic diff

Zero-dep

GitHub Livedemo

FileEncryptionSuite

Azero-dependencybrowserbuildplusaPythondesktopbuild,one.forjiangformatwithpasswordmodeinteroperablebothways:everyfilegetsitsownAES-256key(PBKDF2,600krounds)anditscontentissealedwithAES-256-GCMinastreaming,chunkedpass—nothingleavesthemachine.ThedesktopbuildaddsRSAsession-keywrapping(encryptiononlyeverneedsthepublickey),whole-folderbatches,aCLIanddouble-clicklaunchers;119unittests,light/darkaware.

JavaScript

WebCrypto

Python

AES-256-GCM

GitHub Livedemo

WorldlessClock

Afullscreenworldclock:auto-locatesyou(Geolocation→IPlookup→defaultcity,afour-levelfallbackchain)andshowscenteredtimetothesecond,whileahand-drawnworldmaptracestheliveterminatorbylongitude.OneMeeussolarimplementationinbothPythonandJS;theGitHubPagesbuildisserverlessandworksoffline.

JavaScript

Python

Canvas

Meeus solar

Zero-dep

GitHub Livedemo

ARViewfinder

Placesanimecharacterart—orMMD3Dmodels—ontothegroundplaneofaphotoorlivecamerafeedviathepinholeprojectionequation:cameraheight,subjectdistanceandheight,pitch,roll,effectivefocallength,shotsizeandaspectalladjustable,contactshadowswithdirectionanddensity,one-clickmattingandbatchexport,outputsPNG/characterlayer/assetzip/scene.jsonrecipe.Allcomputestaysinthebrowser.

JavaScript

three.js

Projection

Matting

Live camera

GitHub Livedemo

AL-1SArisTerminal

ABlueArchivefanterminalforTendouAris,inChinese,JapaneseandEnglish:characterprofile,combatstats,skills,exclusiveweapon,bondstories,voiceplayback,aMomoTalkchatsimulation,memorylimitsandaneventtimeline—withasystemboot-upanimation.Purestatic,zerodependencies,hostedstraightfromGitHubPages.

JavaScript

Canvas

SVG

Trilingual

Zero-dep

GitHub Livedemo

RVCSoundClone

Browser-sideRVCvoicecloning:record,upload,inferandexportentirelyin-page—audioneverleavesthedevice.Dual-engine:ONNXRuntimeWebinthebrowser,oralocalRVCserviceforGPU-gradequality.Fullvoiceparameterswithone-clickpresets,batchqueueexportsasZIP,built-inmodellibrarywithdrag-and-dropimport.

JavaScript

ONNX Runtime

Web Audio

IndexedDB

Python

GitHub Livedemo

ImageMetadataCleaner

Batch-stripsthehiddendatainphotos:cameramodel,timestamps,GPScoordinates,embeddedthumbnails,editortracesandtrailinghiddendata.Scanfirst,thenstrip,thenself-verify—zerometadataout.Canvasre-encodeplusforcedsegmentstripping,terminal-stylelivelog,worksoffline,69unittests.

JavaScript

Canvas

EXIF / GPS / XMP

ZIP

GitHub Livedemo

helloHandwritingDemo

Azero-dependencystaticpage:overablack-and-grayvoxelterrain,helloisdrawnstrokebystrokein3.5s,andthewordmarkitselfisalivelightsource—per-voxelellipticalfalloffplusaper-pixeladditivegradientpool.Aliveclocksitsbelowthewordmarkinthesameglow;pressRtoreplay.PureSVGstrokeportoftheAppleHelloanimation,noReact,nobuild.

JavaScript

SVG

Canvas

Zero-dep

GitHub Livedemo

Imageto3DSplat

Turnsaphotooravideointoarotatable3DGaussian-splatpointcloudinthebrowser:DepthAnythingV2estimatesper-pixeldepthlocally,spawninghundredsofthousandsofGaussiandiscsintheoriginalcolors,renderedlivewiththree.jsandexportableas.ply/.splatforBlenderorSuperSplat.Self-hostedmodels,WebGPUfp16withint8+WASMfallback—filesneverleavethedevice.

JavaScript

ONNX Runtime

WebGPU

three.js

GitHub Livedemo

FunctionGrapher

Afullyclient-sidefunctionplotter:typeanexpressionanditdrawsinstantly,upto6curvesoverlaid,20+one-clickfunctions;wheelzoom,dragpan,hoverreadout.Azero-dependencysymbolicdifferentiationenginegives1st–8thderivativeswithsteps,dashedderivativeoverlayandtangentlines,loggedliveinaterminal-stylepanel—verifiedby285unittestsagainstnumericaldifferences.

JavaScript

Canvas

Symbolic diff

Zero-dep

GitHub Livedemo

FileEncryptionSuite

Azero-dependencybrowserbuildplusaPythondesktopbuild,one.forjiangformatwithpasswordmodeinteroperablebothways:everyfilegetsitsownAES-256key(PBKDF2,600krounds)anditscontentissealedwithAES-256-GCMinastreaming,chunkedpass—nothingleavesthemachine.ThedesktopbuildaddsRSAsession-keywrapping(encryptiononlyeverneedsthepublickey),whole-folderbatches,aCLIanddouble-clicklaunchers;119unittests,light/darkaware.

JavaScript

WebCrypto

Python

AES-256-GCM

GitHub Livedemo

WorldlessClock

Afullscreenworldclock:auto-locatesyou(Geolocation→IPlookup→defaultcity,afour-levelfallbackchain)andshowscenteredtimetothesecond,whileahand-drawnworldmaptracestheliveterminatorbylongitude.OneMeeussolarimplementationinbothPythonandJS;theGitHubPagesbuildisserverlessandworksoffline.

JavaScript

Python

Canvas

Meeus solar

Zero-dep

GitHub Livedemo

ARViewfinder

Placesanimecharacterart—orMMD3Dmodels—ontothegroundplaneofaphotoorlivecamerafeedviathepinholeprojectionequation:cameraheight,subjectdistanceandheight,pitch,roll,effectivefocallength,shotsizeandaspectalladjustable,contactshadowswithdirectionanddensity,one-clickmattingandbatchexport,outputsPNG/characterlayer/assetzip/scene.jsonrecipe.Allcomputestaysinthebrowser.

JavaScript

three.js

Projection

Matting

Live camera

GitHub Livedemo

AL-1SArisTerminal

ABlueArchivefanterminalforTendouAris,inChinese,JapaneseandEnglish:characterprofile,combatstats,skills,exclusiveweapon,bondstories,voiceplayback,aMomoTalkchatsimulation,memorylimitsandaneventtimeline—withasystemboot-upanimation.Purestatic,zerodependencies,hostedstraightfromGitHubPages.

JavaScript

Canvas

SVG

Trilingual

Zero-dep

GitHub Livedemo

AIArt

Someofmyillustrations

IllustrationsgeneratedwithComfyUI,morecomingsoon

Morning Light · A Lazy Morning

MorningLight·ALazyMorning

MorningsunlightfillstheroomasMikusitsrestingonthewoodenfloor,thecitywakingupoutside.

Rainy Day · Writing by the Window

RainyDay·WritingbytheWindow

Raindropsslidedowntheglassoverabusystreetwhileshequietlywritesatherdesk.

Late Night · At Rest

LateNight·AtRest

Asinglelampglowsinthedarkroomassheliesback,lettingthedaygo.

Dusk · Gazing at the City

Dusk·GazingattheCity

Asdusksettlesandcitylightscomeon,shegazesoutatthenightfromthefloor-to-ceilingwindow.

Videos

Videodemos

DemospublishedonBilibili—watchthemrighthere

ContactMe

Projectcollaboration,techchats,orjustsayinghi—everyone'swelcome!

Gotanidea?Thefastestwayistoemailmedirectly🚀