8000
Skip to content
View yewen-jin's full-sized avatar
🎯
🎯

Highlights

  • 8000 Pro

Block or report yewen-jin

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
yewen-jin/README.md

Yewen Jin

Full-stack developer and Creative technologist based in London with a background in mathematics (NYU), computational arts (Goldsmiths), and architecture (AA/UPenn). I've been building interactive web applications, networked performance tools, and creative software in the past year fews, wearing hats of product manager and UI/UX designer and shipping production work with AI-assisted development workflows (Claude, Copilot). I recently completed a software development bootcamp from Northcoders because I wanted to understand how to approach code like a software developer and the fundamental methods of how things were built.

LinkedIn · yewenjin.com


What I'm building currently:

Pendulum

GitHub

A browser-based visual engine with user-friendly interface that connects body gesture/facial expression (Mediapipe), MIDI CC input (local+remote), Audio input and LLM based image generation workflow.

Currently completed:

  • a Hypha based visual engine
  • the bridge between the browser output with audio input, MIDI input, facial and gesture input, and integrated ModMuPlat user interfact for smartphone control.

Next Step:

  • explore other visual tools: three.js, p5.js, create a mode switcher between them
  • add physical rules for visualiser based on hand movemet
  • connect to open router and other LLM based API for prompt generation

What I've built

The Body is Obsolete — Interactive Narrative Game

GitHub · Live

A browser-based interactive fiction experience disguised as a chatroom. Audiences enter what looks like a messaging interface and find themselves inside a branching narrative with generative visuals built in p5.js. I designed, built, and deployed this independently for a live cabaret performance — handling the frontend, backend (Node.js, Socket.io), visual design, and live technical operation on the night. This was built with AI-assisted development before I had any formal web development training.

Stack: Node.js, Socket.io, p5.js, HTML/CSS, JavaScript


SpillR — Real-Time TV Show Comment Platform

Frontend · Backend

A time-synced live TV commentary app. Comment and react with emoji on shows in real time - every message is anchored to the show's timeline, not the clock, so premiere and catchup viewers share the same spoiler-free conversation. Group project at Northcoders.

Stack: React Native, Expo, Express, Socket.io, Supabase, PostgreSQL, Jest, GitHub Actions


Skopetur Interactive Performance Platform

skopetur.com

I co-founded Skopetur Ltd as a creative technology company for networked live performance. During lockdown, I designed an interactive video streaming platform that uses the same core video technology as Zoom but delivers a fundamentally different experience — one designed for watching and participating in live art, not for meetings. I designed the UI/UX in Figma, worked with a developer, and learned to build the frontend in Svelte, with WebRTC for video and Docker for deployment. Separately, I produced Distance Anatomy, a live performance series connecting dancers, musicians, and visual artists across London and New York using Node.js, Google MediaPipe motion capture, and OSC/MIDI networking. Press coverage by ShowStudio News.

Stack: Svelte, SvelteKit, Node.js, Docker, WebRTC, Figma


NC News — Full-Stack Reddit-Style Application

Frontend · Backend · Deployed

Full-stack web application with a RESTful API supporting CRUD operations, parametric queries, sorting, pagination, and error handling. Frontend built in React with responsive design and optimistic rendering. Backend built with Express and PostgreSQL with full test coverage using Jest and TDD methodology throughout. Seeding, migrations, and hosted deployment.

Stack: React, Express, PostgreSQL, Jest


Personal Website

yewenjin.com · Source

Portfolio site built with AI-assisted development (Claude) before I started the Northcoders bootcamp. One of the projects that taught me I could ship real things with AI tools and strong design instinct, even without formal engineering training.

Stack: Next.js


Tech

Languages & Frameworks

JavaScript TypeScript React React Native Svelte Node.js Express Next.js

Data & Real-Time

PostgreSQL Supabase Socket.io WebRTC

Creative & Visual

p5.js WebGL Figma

Infrastructure & Tools

Docker Linux Git Jest Netlify Vercel

AI-Assisted Development

Claude GitHub Copilot

Also worked with: C++ (OpenFrameworks), Java (Processing), C# (Unity), Max/MSP, Python, Grasshopper


Education

Goldsmiths, University of London MA Computational Arts C++, Processing, Max/MSP, Unity, OOP
Architectural Association / UPenn Architecture Studies Parametric design, Rhino, Grasshopper, Python
New York University BA Mathematics & Philosophy Discrete maths, linear algebra, analysis, logic
Northcoders Software Development Bootcamp Full-stack JS/TS, React, Node, PostgreSQL, TDD

Beyond code

As a musician, I release on Chinabot and LIMBS Project, perform at places like Café OTO, and co-host a monthly show on Netil Radio.


Q: Why am I called djSQL?

A: djSQL was initially one of my DJ alias, named after my habit of sweeping through side quests when i play video games (and in life), hence the name dj_side_quest_legend, short for djSQL

Pinned Loading

  1. hydra-server hydra-server Public

    Forked from hydra-synth/hydra-server

    added custom front-end for Hydra synth

    JavaScript

  2. nc-news nc-news Public

    Reddit style news aggregate website

    JavaScript

  3. nc-news-backend nc-news-backend Public

    RESTful API for Reddit-style news aggregate website

    JavaScript

  4. spillr-BE spillr-BE Public

    JavaScript 2

  5. synthwave-chatroom synthwave-chatroom Public

    retro futuristic chatroom and choice based interactive fiction game mechanism

    HTML

  6. Ines1299/SpillR-app Ines1299/SpillR-app Public

    Spillr frontend.

    JavaScript 2

0