CodeQuest — Small Studio

A cozy game about becoming a freelance web developer.

You sit in a small studio. It's raining outside, tea is still warm, and your first client is about to message you. No multiple-choice quizzes — what gets graded is the website you actually build.

Play now: https://main.codequest.gamer.free
Mirror: https://khincc00.github.io/CodeQuest/
GitHub: https://github.com/khincc00/CodeQuest

Available in Indonesian and English — pick ID / EN on the title screen. Your code is never overwritten when you switch languages.

Created by Taufiq Sholikhin (@khincc00) — Contact: master@khincreator.com

How to Play

1. Open your laptop. A client sends you a brief via chat.
2. Write real code. Live preview updates instantly. A checklist "Yang diminta..." auto-checks when requirements are met.
3. Send to client. If something is missing, the client asks for a real revision, just like a real client.
4. Get paid & decorate. Use your savings in the Shop / Toko to decorate your studio: plants, lamp, poster, wall clock, star projector, vinyl player, even a cat.
5. Stuck? Open your notebook. Progressive hints — direction first, full code later.

Clients sometimes send you files (product photos mawar.svg, data jadwal.json). Click the file to see its content and insert the filename into your code.

All finished websites can be downloaded anytime from Settings → Portfolio.

What's Inside — 9 Chapters

Ch 1: Warung Kopi Senja (Bu Sari) — <h1>, <p>, <ul>, <a href="wa.me">, CSS color/font, JS getElementById, viewport
Ch 2: Toko Bunga Laras — header/nav/section, <img> alt, .card flexbox gap hover, <form> label required, submit preventDefault(), forEach innerHTML
Ch 3: Ruang Nada (Bima) — CSS var() :root, classList.toggle dark mode, localStorage, fetch() async await JSON, Grid, try/catch, filter() dataset
Ch 4: Laundry Kilat (Pak Dedi) — type=number radio, Number(), toLocaleString('id-ID'), validation, checkbox, ternary, Math.round
Ch 5: Karang Taruna RT 05 (Kak Riko) — Date is 10 Aug 2026 in-game, tables, embeds, dates
Ch 6-9: Freelance Life — Reputation, monthly rent (kos), debt to Ibu, skills, cockroaches, timeline choices, multiverse cracks, New Game+, and a secret playlist.

After Chapter 7, check DevTools → Application for MULTIVERSE_UNLOCKED = true.

Built to Share — For Schools & Communities

Licensed under MIT License. Free to use, modify, and distribute for learning and teaching.

Teachers (RPL/TKJ), coding communities, Karang Taruna — use it in class, workshop, or study group. No server, no login needed. Progress is saved in localStorage codequest-studio-v1.

Fork it on GitHub and replace clients with local UMKM near your school. All content is in js/game.js array BAB. English version is in js/lang-en.js as CQ_BAB_EN[].

Using it in school? Tell me at master@khincreator.com — @khinccofficial

Tech: Vanilla HTML/CSS/JS, <dialog>, Web Audio API, ResizeObserver, iframe srcdoc. Works best on modern Chromium, Firefox, Safari.