Section 00 · HeroStatus · Booting

Heller,Manuel.

Jogge di Balla · VPBasel · CHVedi il CV

Developer · Photographer · Visual Tinkerer

Section 01 · About

Sviluppatore full-stack che sta volentieri anche dietro la fotocamera.

PHP e Vue di giorno, Lightroom e shader di sera.

01 / 04IdentityMMXXVI
Fotocamera, Photoshop, shader: tutto ciò che sta tra codice e immagine.

Sono Manuel, della regione di Basilea. Al lavoro immerso in PHP e Vue, nel tempo libero fotocamera, Photoshop e tutto ciò che sta tra codice e immagine.

Da novembre 2021 lavoro presso zvoove Switzerland AG su software per aziende del settore del personale. Progetto e sviluppo interfacce Vue per processi complessi, realizzo endpoint PHP e collaboro alla gestione di integrazioni e sincronizzazione dei dati.

Mi occupo anche di una suite Cypress con circa 30 test di rilascio estesi, dalla scrittura e dall’esecuzione all’analisi degli errori. La migrazione a Playwright è in corso.

02 / 04Minecraft · 2014Novartis EFZ · 2016–2020zvoove · 2021–
Voglio capire cosa succede sotto il cofano.

Sono arrivato alla programmazione attraverso i videogiochi. Ho creato un mio server Minecraft con modpack e programmato mining turtles in Lua. Da lì è nata la voglia di capire cosa succedeva sotto il cofano.

Dal 2016 al 2020 ho svolto l’apprendistato informatico presso Novartis. Server, reti e supporto mi hanno dato una base ampia. Dopo il servizio civile sono passato allo sviluppo di applicazioni.

Foto ritratto Manuel Heller, sviluppatore full-stack Basilea
St. Moritz · MMXXV
Plate Nº 03

Currently

sviluppo
questo sito e joggediballa.ch
sperimento con
Codex · Claude Code
fotografo
animali selvatici e auto
guido
un’Audi S5 B8.5 (progetto tuning)
inseguo
il titolo di campione di ping-pong di zvoove
L’AI scrive più in fretta. L’ultima parola resta mia.

Lavoro molto con Codex e Claude Code: skill, agenti e integrazioni MCP fatti da me. L’idea, il gusto e l’ultima parola restano miei, l’AI scrive solo più in fretta. Quello che ne esce viene rivisto, testato e spesso ricostruito.

Così sono nati la piattaforma del club e questo portfolio. React e TypeScript li conosco da questi progetti; design, funzionalità e gestione sono compito mio.

La curiosità. E un club che usa davvero il risultato.

La curiosità. Mi piace provare nuovi strumenti, curare i piccoli dettagli visivi e sapere come funzionano le cose. Se poi il club usa davvero il risultato, ancora meglio.

Fuori dallo schermo

Quando lo schermo è spento.

Snapshot 2026

  • Camera

    shooting · Sony α7 IV · wildlife

  • Audi S5

    driving · B8.5 · progetto tuning

  • Jogge di Balla

    co-running · associazione · vicepresidente

  • Snow

    carving · sci/snowboard · stagione invernale

  • Dive

    diving · certificato

  • Ping-Pong

    chasing · titolo di campione zvoove

Section 02 · Skills

I miei ambiti di lavoro.

Cosa faccio al lavoro, e cosa ho imparato per conto mio.

Main Stack

PHP · Vue · SQL

UI per processi aziendali complessi, le API dietro, e test di rilascio perché niente si rompa.

Daily Driver

  • PHP · Yii
  • Vue.js
  • MariaDB · MySQL
  • JavaScript · HTML · CSS

APIs & Testing

  • REST · OpenAPI
  • Cypress
  • Playwright
  • SQL
  • Code reviews

Side Projects

Imparato costruendo progetti miei. Gira in produzione, ma non è il mio stack di lavoro.

  • TypeScript · ReactAI-assisted
  • Next.jsAI-assisted
  • tRPC · Drizzle ORMAI-assisted
  • WebGL · GLSLAI-assisted
  • GSAP · Three.jsAI-assisted

Tooling & Ops

Codex e Claude Code con skills, agenti e integrazioni MCP personalizzati; Linux e nginx per i progetti che gestisco.

  • Git · GitLab
  • Docker
  • Linux · nginx
  • Codex · Claude Code
  • Skills · Agents · MCP

Design & Media

  • Fotografia
  • Web design
  • Montaggio video
  • Lightroom · Photoshop
  • DaVinci Resolve

Section 03 · Work

Due progetti, entrambi online.

Questo sito e la piattaforma del nostro club. Concept, design, codice e hosting: tutto mio, Claude Code nel terminale.

Da un’idea per il club a una piattaforma.

Homepage di Joggediballa in vista mobile
Joggediballa · Mobile · Live
Ho costruito in diversi mesi una piattaforma dedicata a Jogge di Balla. Riunisce il sito pubblico, l’amministrazione interna e gli strumenti per gli eventi. Continuo a svilupparla e a gestirla personalmente.

Il mio contributo

Associazione
Jogge di Balla
Il mio ruolo
Cofondatore · vicepresidente
Sviluppo
Dall’idea alla gestione
Utilizzo
Attività associative ed eventi

L’idea è nata durante la pandemia: quattro amici, poche cose da fare, così abbiamo organizzato eventi insoliti tra di noi. Nell’agosto 2022 è nato Jogge di Balla, con eventi come Schlag den Kassier, Silvester 2.0, Harassenlauf e Lotto-Party.

Come cofondatore e vicepresidente mi occupo di eventi, fotografia e video. E siccome mi piace costruire le cose da me, il club ha avuto la sua piattaforma: dalla progettazione allo sviluppo e alla gestione, me ne occupo io. Gestire soci e sostenitori, analizzare le presenze, inviare ordini a cucina e bar: oggi passa tutto da lì.

Stack Notes

  • React · Vite·Frontend & Build
  • TypeScript·Linguaggio (fullstack)
  • tRPC·Layer API
  • Drizzle ORM · MySQL·Database
  • Tailwind CSS · shadcn/ui·Styling & componenti
Dashboard admin con card permessi e lista membri
Dashboard admin · Daily Driver

In evidenza 01 · Gestione ed eventi

Gestione, cassa e stream in un’unica app

Gestione dei soci ed eventi passano dalla stessa piattaforma, con gli stessi ruoli.

  • Permessi e soci

    Permessi configurabili per ruolo, soci sostenitori con stato dei pagamenti e statistiche di presenza rispondono alle esigenze quotidiane.

  • Ordinazioni e cassa

    I prezzi arrivano dal server, mai dal client. Gli ordini congelano i dati degli articoli, così una modifica di prezzo non cambia nessuna vecchia fattura.

  • Media ed eventi

    Elaborazione delle immagini e slideshow moderato dal vivo completano gestione degli eventi, statistiche e strumenti di streaming.

Overlay Twitch in stream con punteggio live e design dell'associazione
Schlag-den-Kassier · Live stream

In evidenza 02 · Evento dal vivo

«Schlag den Kassier» in streaming

Un esempio degli strumenti per eventi: l’overlay porta punteggi e identità visiva dell’associazione nella diretta.

  • Controllo dal browser

    Un pannello separato controlla la visualizzazione, integrata in OBS come sorgente browser.

  • Punteggi sincronizzati

    L’overlay recupera regolarmente i punteggi aggiornati e modifica la visualizzazione senza ricaricare la pagina.

  • Calcoli per il pubblico

    Indicazione del vincitore e calcolo del momento in cui un vantaggio diventa irraggiungibile, così la conduzione non deve fare i conti a mente.

Statistiche · Membri & stagioni
Statistiche · Membri & stagioni
Gestione donatori · CRM-light
Gestione donatori · CRM-light
Modulo iscrizione · mobile
Modulo iscrizione · mobile

Cosa ho imparato

Un'associazione vera è il miglior tester QA: ogni evento trova un nuovo edge case. Per questo ci sono test automatizzati. Il server root dietro lo configuro e lo gestisco io.

Live in azionejoggediballa.chsi apre in una nuova scheda

Section 05 · Photography

Section 05 · Photography

Animali e auto. Nessuno dei due sta fermo.

Per gli animali volo da solo in Costa Rica o in Thailandia e aspetto; le auto di solito sono più vicine. Entrambi richiedono pazienza e la luce giusta. Con la Sony α7 IV dal 2023.

SONY α7 IV · 24–600mm · dal 2023

Pellicano in volo sopra il Pacifico, Costa Rica
MANUEL ANTONIO · 2024 · WILDLIFE01 / 5

Fermo a 30 km/h.

Il tempo di otturazione non contava. La luce sotto l’arco è durata cinque minuti, poi è sparita.

Hypercar Koenigsegg sotto un arco d'hotel al crepuscolo
ST. MORITZ · 2025 · AUTO02 / 5
Cargo sotto una formazione di nuvole drammatica all'orizzonte
COSTA RICA · 2024 · SEASCAPE03 / 5
Albero solitario sulla riva di un lago, riflesso nell'acqua, Costa Rica
LAKE ARENAL · 2024 · LANDSCAPE04 / 5

Un’ora e mezza senza vento.

Lake Arenal: ho aspettato finché il vento ha finalmente lasciato l’acqua liscia. L’albero è solo un pretesto per il riflesso.

Coccodrillo con una farfalla sul muso, Costa Rica
TÁRCOLES · 2024 · WILDLIFE05 / 5

Section 06 · Playground

Section 06 · Playground

Dove la simulazione di fluido può giocare.

Due esperimenti shader con lo stesso inchiostro dell'hero. Qui si clicca finché non va a scatti.

Section 07 · Contact

Scrivimi.

Un’idea, una domanda, un consiglio fotografico o un semplice ciao: la mia casella è aperta.

In breve

Cerco un impiego a tempo pieno nella regione di Basilea, in Argovia o a Zurigo. Idealmente dove sviluppo e design si pensano insieme e Claude Code nel terminale è normale.

Tutti i campi sono obbligatori

Il tuo messaggio mi arriva via e-mail e viene cancellato dopo la mia risposta · Privacy