New article is out âžś

Learn modern web development
by building real projects

I document hands-on tutorials, open-source projects and experiments. Follow along to learn Three.js, Nuxt, and practical TypeScript patterns with full project walkthroughs.

Hi, i'm Marcus

I’m a father, web developer, freelancer, former e-sports professional and digital creator from Gothenburg, Sweden. I created this website as a place to document my coding journey and to share fun coding projects that hopefully will inspire you or teach you something new.

marcusn

Latest Articles

Find tutorials and guides for all things web related.

Stay up to date with modern web technology. Learn new things and up your game!

City Scavenger Hunt: Geohints and Checkpoints with Nuxt 4 + TypeScript + Mapbox
12 min read time
November 23, 2025

City Scavenger Hunt: Geohints and Checkpoints with Nuxt 4 + TypeScript + Mapbox

Build a GPS-powered scavenger hunt with geohints, geofenced checkpoints, and gorgeous 3D maps using Nuxt 4, TypeScript, and Mapbox GL JS v3.

Read more
Collaborative Whiteboard with Presence using Nuxt 4 + TypeScript + Firebase
12 min read time
November 17, 2025

Collaborative Whiteboard with Presence using Nuxt 4 + TypeScript + Firebase

Build a real-time collaborative whiteboard with multi-user presence, cursors, and offline cache using Nuxt 4, TypeScript, Firestore (persistentLocalCache), and Realtime Database.

Read more
Community Heatmap of Favorite Spots in Nuxt 4 + TypeScript + Mapbox
9 min read time
November 27, 2025

Community Heatmap of Favorite Spots in Nuxt 4 + TypeScript + Mapbox

Build a real-time community heatmap of favorite spots using Nuxt 4, TypeScript, Mapbox GL JS v3, and Firebase.

Read more
Interactive 3D Data Globe (Airports and Routes) using Nuxt 4 + TypeScript + Three.js
14 min read time
November 17, 2025

Interactive 3D Data Globe (Airports and Routes) using Nuxt 4 + TypeScript + Three.js

Build a smooth, interactive 3D globe that visualizes airports and routes with Nuxt 4, TypeScript, and Three.js — complete with instancing, orbit controls, and raycasting tooltips.

Read more
Live Trivia Quiz and Leaderboard using Nuxt 4 + TypeScript + Firebase
12 min read time
November 21, 2025

Live Trivia Quiz and Leaderboard using Nuxt 4 + TypeScript + Firebase

Build a real-time trivia game with Nuxt 4, TypeScript, and Firebase using Firestore listeners, Auth (anonymous), App Check with reCAPTCHA Enterprise, and a server-side tally with Cloud Functions v2.

Read more
Multiplayer Tic‑Tac‑Toe with Matchmaking via Nuxt 4 + TypeScript + Firebase
14 min read time
November 17, 2025

Multiplayer Tic‑Tac‑Toe with Matchmaking via Nuxt 4 + TypeScript + Firebase

Build a real‑time, two‑player Tic‑Tac‑Toe with one‑click matchmaking using Nuxt 4, TypeScript, and Firebase (Firestore + Auth).

Read more