# Yosmel Chiang (@yosang)

> Fullstackutvikler bosatt i Norge (Otta). Fullført toårig utdanning i Backend Development ved Noroff School of Technology and Digital Media (2024 til 2026), og tar nå Frontend Development på deltid ved Noroff. Medbygger av Ember Booking.

## Kort oversikt
- Nettside: https://yosmel.no
- GitHub: https://github.com/yosang
- LinkedIn: https://www.linkedin.com/in/yosmel-chiang/
- Epost: yosmelchiang@gmail.com
- CV (PDF): https://yosmel.no/Yosmel_Chiang_CV.pdf
- Språk: Norsk (morsmål), spansk (morsmål), engelsk (flytende)
- Ønsket arbeidsform: Åpen for spennende roller innen frontend, backend eller fullstack (remote eller hybrid).

## Teknisk verktøykasse
- **Frontend og design:** TypeScript · Next.js 16 · React 19, CSS Modules · GSAP · Three.js, Figma · UX · Designsystemer · Accessibility
- **Backend:** C# · .NET 9 · ASP.NET Core · EF Core, Node.js · Express · Socket.IO, PostgreSQL · MySQL · JWT
- **Drift og verktøy:** Docker · Fly.io, Azure · Railway · Vercel, GitHub Actions · Playwright · Git

## Prosjekter

### VGS Bordtennis (Pågår)
Sanntids turneringer, guilds og kantineskjerm for videregående skoler.
Live: https://vgsbordtennis.no/kiosk/demo
Teknologi: Node.js, node:sqlite, Socket.IO, Pågår

Pågående prosjekt ved Nord-Gudbrandsdal VGS som får elevene opp fra mobilen i friminuttet, med QR kode ved bordet, guilds og live storskjerm i kantina.
- Skjermfri flyt ved bordet med QR kode, tosidig resultatbekreftelse, anti-juks og automatisk frigjøring av glemte bord.
- Live storskjerm i kantina via Socket.IO, tilpasset Infoskjermen.no på eldre TV skjermer med animert WebP og ES5 støtte.
- Flere skoler på samme instans i Node.js og innebygd SQLite (5 npm pakker), stresstestet med 100 samtidige spillere.

### Ember Booking (2026)
Design, frontend, merkevare og brukeropplevelse for norsk bookingsystem.
Live: https://emberbooking.no
Teknologi: Next.js 16, Frontend, UX / Design, Merkevare

Bookingsystem jeg driver sammen med Kim, med ansvar for design, frontend, markedsføringssider og brukeropplevelse.
- Vedlikeholder og videreutvikler frontenden og markedsføringssidene på emberbooking.no.
- Ansvar for visuell identitet, merkevare og designsystemet med fokus på lesbarhet og hierarki.
- Jobber løpende med brukeropplevelse og tydelig flyt på tvers av plattformen.

### MedCare Clinical (2026)
Timebestilling på tvers av klinikker og spesialiteter. Eksamensprosjekt i Backend 2026 hos Noroff.
Kode: https://github.com/yosang/medcare-clinical
Teknologi: C#, .NET 9, EF Core, MySQL, React

Fullstack timebestillingssystem for klinikker levert som eksamensprosjekt i Backend 2026 på Noroff, der pasienter kan søke opp leger og bestille time både som gjest og innlogget bruker.
- REST API i C# og .NET 9 med Entity Framework Core mot MySQL, soft delete ved avbestilling og Swagger.
- JWT innlogging med refresh token i cookie, gjestebooking, pasientprofil og eget adminpanel med full CRUD.
- React frontend med TanStack Query, Zustand og Zod, satt opp på Vercel mot Azure Web App og Railway.

### Cinemorra (2026)
Filmkatalog med utlån, søk og eget adminpanel i Next.js. Skoleprosjekt hos Noroff.
Live: https://cinemorra.vercel.app | Kode: https://github.com/yosang/cinemorra
Teknologi: Next.js, TypeScript, Zustand, Jest

Nettside bygget som skoleoppgave i frontend på Noroff der brukere kan bla gjennom og låne filmer, med eget adminpanel for å legge til og redigere filmer.
- Delt opp i Next.js App Router mellom åpne sider og skjermet adminpanel med middleware, loading og error states.
- Server Actions for innlogging og håndtering av filmer, sammen med søk, mørk modus og state i Zustand.
- Komponenttester med Jest og React Testing Library, pluss sjekk av accessibility med eslint-plugin-jsx-a11y.

## Hvordan jeg bruker AI i programvareutvikling
Det siste året har jeg tatt i bruk AI for fullt i måten jeg utvikler på. Jeg lærer fortsatt nye grep hver uke, bommer innimellom når jeg gir for løse rammer, og merker samtidig stor gevinst i hvor mye jeg faktisk får bygget og ferdigstilt.
Ja, AI tar unna mye av kodeskrivinga jeg før gjorde for hånd. Det gir meg mer tid i begge ender av arbeidet: å tenke skikkelig gjennom arkitekturen i starten, og å pusse på detaljene i brukeropplevelsen til slutt.

- **Rammer før kode:** I prosjekter som VGS Bordtennis starter jeg med korte notater om arkitekturen og en egen AGENTS.md med faste regler. En språkmodell vet ikke av seg selv at en Samsung TV i skolekantina fryser <video> elementer på bilde 0 i Infoskjermen.no, eller at hele appen skal klare seg med fem npm pakker. Slike valg må jeg kartlegge og låse på forhånd.
- **Spike and Stabilize:** Etter mye egen prøving og feiling landet jeg på en rytme som viste seg å være en etablert metode kalt Spike and Stabilize, beskrevet av Dan North. Først bygger jeg en rask førsteversjon hele veien fra database til UI (Spike) for å se om ideen faktisk fungerer. Når kjernefunksjonen sitter, bytter jeg til Stabilize: rydder vekk støy, håndterer edge cases og gjør koden klar for produksjon.
- **Slank kode gir kort kontekst:** Jo flere filer og lag en modell må hoppe mellom, desto fortere mister den oversikten. I VGS Bordtennis er koden bevisst holdt slank i tre flate lag med tydelige seksjoner, slik at jeg kan holde konteksten nede på 100 til 200 linjer om gangen.
- **Strengere tester når tempoet øker:** Jo fortere koden skrives, desto viktigere blir testene. Før endringer rulles ut i VGS Bordtennis kjører automatiske tester mot en egen SQLite database, pluss en stresstest med 100 samtidige spillere fordelt på to skoler uten feil.

## Sider på yosmel.no
- [Forside og prosjekter](https://yosmel.no/): Oversikt over prosjekter og interaktiv 3D AI versjon.
- [Om meg](https://yosmel.no/about): Bakgrunn, utdanning ved Noroff, Ember Booking og verktøykasse.
- [Hvordan jeg bruker AI](https://yosmel.no/ai): Arbeidsmetodikk med Spike and Stabilize, arkitektur og testing.
- [Snakk med AI versjonen](https://yosmel.no/chat): Fullskjerm samtale med 3D AI versjonen av Yosmel.