Deep dives into modern web development. Practical guides, hands-on projects, and real-world patterns.
Build a real‑time, two‑player Tic‑Tac‑Toe with one‑click matchmaking using Nuxt 4, TypeScript, and Firebase (Firestore + Auth).
Build a tiny Instagram‑style photo micro‑blog with Google Sign‑In, secure Storage uploads, and strict Security Rules using Nuxt 4, TypeScript, and Firebase v11.
Build a production‑ready, real‑time chat with emoji reactions and threaded replies using Nuxt 4, TypeScript, and Firebase (v10) Firestore with multi‑tab persistent cache.
Build a production-grade short link service with 302 redirects, atomic counters, and privacy-friendly click analytics using Firebase Functions v2 and Firestore.
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.
Build a GPS-powered scavenger hunt with geohints, geofenced checkpoints, and gorgeous 3D maps using Nuxt 4, TypeScript, and Mapbox GL JS v3.
Build a geo-powered travel journal with tappable pins, offline-safe storage, and animated route replay using Nuxt 4, TypeScript, and Mapbox GL JS v3’s new line-trim-offset API.
Build a real-time community heatmap of favorite spots using Nuxt 4, TypeScript, Mapbox GL JS v3, and Firebase.
Build a runner-friendly route planner with real-time elevation profiles using Nuxt 4, Mapbox GL JS v3 terrain, and the Directions API.