SIMON TINGLE

Building interactive experiences with code

About Me

I'm a creative developer passionate about building interactive, music-driven, and engaging web experiences. I specialize in full-stack development with a focus on creative coding, audio processing, and immersive user interfaces.

My projects span music production tools, energy management apps, and experimental web technologies. I love exploring the intersection of technology and creativity.

Tech Stack

React
TypeScript
Next.js
Three.js
Web Audio API
Node.js
TailwindCSS
Framer Motion
Terraform
AWS Cloud
Python

Selected Projects

A collection of interactive applications and creative web experiences

UNSETTLERS

UNSETTLERS

Medieval colony management RTS with procedurally-elevated terrain, deterministic multiplayer-ready simulation, and an isometric 2D WebGL engine. Real-time resource chains, guard combat, medieval building architecture, and fog-of-war exploration.

TypeScriptPixi.js v8WebGL 2Vitesimplex-noiseIsometric Projection MathDockerNode.js Dev ScriptsESLintPrettier
Live DemoGitHub
HYPER-EARTH

HYPER-EARTH

Six cities, full building mapping with real streets. Multiplayer with player radius radar <1km. Day and night cycle. London has a living realtime bus network.

Node.jsTypeScriptThree.jsWebGL 2DuckDB-WASMApache ArrowGeoParquetOverture MapsWebpackExpressJWTbetter-sqlite3ESLintPrettier
Live DemoGitHub
TINGLE NEWS NETWORK

TINGLE NEWS NETWORK

A production-quality open-source platform for real-time, geospatially-aware, authenticity-scored world news aggregation visualized on a live 3D globe.

Python 3.12FastAPIaiosqliteSQLite (FTS5 + sqlite-vec)fastembedGroq APIViteTypeScriptthree.jsglobe.glWebSocketDockerpytest
Live DemoGitHub
TINGLE TEACHING ONLINE

TINGLE TEACHING ONLINE

An English tutoring portal with adaptive AI assessments, live tutors from 4 platforms, a news-driven daily quiz, and a full admin control center.

PHP 8.2SQLiteGroq APIPexels APIWebAuthnTOTPDockerCapRoverFFmpegCSS Sprites
Live DemoGitHub
AUDIO VISTA

AUDIO VISTA

Transform spoken audio into cinematic montage videos with AI transcription, intelligent media matching, and real-time render streaming.

Next.js 16ReactPostgreSQLPrismaFFmpegPlaywrightTailwindCSSAuth.jsStripeDockerCaprover
Live DemoGitHub
HireVortex

HireVortex

Multi-source job aggregator that trawls 65+ job boards in real-time with live progress streaming and smart deduplication.

ReactNode.jsExpressPlaywrightTailwind CSSlowdbDocker
Live DemoGitHub
DJ Tingle

DJ Tingle

Web-based digital audio workstation for DJ mixing with dual decks, effects, and real-time BPM synchronization.

ReactWeb Audio APITypeScriptTailwind CSS
Live DemoGitHub
Street Driver Radio Edition

Street Driver Radio Edition

Open-world 3D driving game with real-world maps, live radio stations, multiplayer, and a GPS-driven economy system.

ReactThree.jsTypeScriptSocket.ioPrismaPostgreSQLTailwind CSSVite
Live DemoGitHub
NeuTTS Voice Synthesis Studio

NeuTTS Voice Synthesis Studio

On-device voice cloning and TTS with a split CapRover/HuggingFace architecture for instant speech generation from a 3–30s reference clip.

PythonGradioFastAPIDockerHuggingFace SpacesCapRoverNginxOpenAI Whisperllama-cpp-pythonONNX
Live DemoGitHub
Courses & Diplomas

Courses & Diplomas

A Laravel-powered course management and instructor scheduling portal with enrollment, media galleries, and role-based admin tools.

Laravel 12PHP 8.2SQLiteBladeAlpine.jsTailwind CSS v3ViteFullCalendarLaravel BreezeDocker
Live DemoGitHub
Live Fuel Tracker

Live Fuel Tracker

Real-time global fuel dashboard tracking oil reserves, production, R/P ratios, and live maritime disruptions — zero mock data, all values fetched live from public APIs.

Next.js 15TypeScriptTailwind CSSEIA APIOWID CSVWorld Bank APINitter RSSMARAD
Live DemoGitHub
VersionLens

VersionLens

AI-assisted semantic versioning tool that infers the semver a GitHub repo's commit history implies — heuristic classifier first, Claude AI for the rest.

Next.js 15TypeScriptSupabaseThree.jsStripeAnthropic ClaudeTailwind CSSOctokit
Live DemoGitHub
STRAVAMIGO

STRAVAMIGO

Smart Strava activity automation with intelligent kudos distribution and supporter management.

Next.js 14ReactTypeScriptPrismaSQLiteZodNextAuth.jsStrava APIAES-256-GCMTailwind CSSDockerCapRover
Live DemoGitHub
GPX REPEAT

GPX REPEAT

Trail running route planner with elevation analytics, pace calculations, repetition planning, and interactive GPX visualization.

ReactTypeScriptTailwind CSSViteLeafletFlaskPythonPostgreSQL
Live DemoGitHub
Coming Soon

E-Commerce Platform with AI Search

Full-stack marketplace with semantic search, product recommendations, and dynamic pricing powered by vector embeddings.

Next.jsReactTypeScriptPythonFastAPIPostgreSQLPineconeStripeTailwind CSS
Coming Soon

Collaborative Music Studio

Real-time multi-user music production platform with shared sequencer, live instrument synthesis, and session recording.

ReactTypeScriptWeb Audio APITone.jsSocket.ioNode.jsPostgreSQLTailwind CSS
Coming Soon

Live Code Performance Engine

Browser-based live-coding environment for generative visuals and audio, with audience interaction and MIDI controller support.

ReactTypeScriptWeb Audio APIWebGLWebRTCWeb WorkersThree.jsTailwind CSS
SIMONTINGLE.COM

SIMONTINGLE.COM

This portfolio itself — a Next.js 16 site with a procedurally-generated 3D terrain hero, 12-language i18n, and a live GitHub-powered project explorer with a 3D repo-structure globe.

Next.js 16React 19TypeScriptthree.jsReact Three Fiberreact-force-graph-3dFramer MotionTailwind CSSreact-markdownResendRSSDockerCapRoverGitHub Actions
Live DemoGitHub

Let's Work Together

Have an idea for a project? I'd love to hear about it.