لطفا این داک رو مطالعه کنید
🎮 Game Description – Technical Requirements for Developer
Game Type:
An interactive, choice-based quiz/story game.
At each step, the user is presented with a question or scenario and a few options to choose from.
Game Flow:
A start screen (e.g., “Start Game” button).
Sequential question/scenario steps.
Each choice leads to the next step (can include branching logic).
At the end, there should be a “completion” screen.
Questions and Choices:
Questions and options should be loaded from a structured and editable format (like a JSON file).
Each choice must be able to define which step it leads to next.
Design:
Responsive (mobile-friendly) and clean UI.
Visual support is a plus (option to display an image per step if needed).
Texts will be provided in Turkish (language support needed).
Technical Requirements:
The game should be built with HTML/CSS/JS only.
No backend/server is required (fully frontend solution).
You can use any framework like React, Vue, or plain JavaScript – as long as it works well in an iframe.
iframe & postMessage Requirement:
The game will be embedded inside another page via an iframe.
When the game is completed, it must send a message to the parent frame using something like:
window.parent.postMessage({ type: "gameCompleted" }, "*");
This message will be handled by the parent page.
Delivery Format:
All source files (HTML, CSS, JS) must be included and open for future edits.
The game should work simply by opening the HTML file locally in a browser.
Steps/questions should be easily editable – preferably from an external JSON or config file.
Hi,
I want to develop an interactive quiz/game similar to the one in this link:
👉 https://listenproject.eu/game/eco-choices-select-your-path/
There is one important requirement:
The final game will be embedded in an iframe. When the game is completed (e.g. user finishes all questions or reaches an ending), the game must send a window.parent.postMessage to the parent frame to notify that it has been completed.
Expectations
Similar functionality and flow to the example
Clean and mobile-friendly UI
Questions/choices will be provided by me
Game should be easily reusable/customizable (questions, images, texts)
At completion, send a postMessage to the parent window
Deliverables: HTML/CSS/JS (no server-side requirement)
No backend is needed. The game can be made with vanilla JS or using a JS framework like React/Vue if needed — as long as it works in an iframe and sends the postMessage.
این آگهی از وبسایت کارلنسر پیدا شده، با زدن دکمهی تماس با کارفرما، به وبسایت کارلنسر برین و از اونجا برای این شغل اقدام کنین.
هشدار
توجه داشته باشید که دریافت هزینه از کارجو برای استخدام با هر عنوانی غیرقانونی است. در صورت مواجهه با موارد مشکوک، با کلیک بر روی «گزارش مشکل آگهی» به ما در پیگیری تخلفات کمک کنید.