Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

Epic: mobile-first play for every arcade game

Open
  • Is something wrong?
#1,985 0 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

Nobody has claimed this yet.

Assessment

Difficulty
5/5
Estimated time
Over a week
Newbie friendliness
8/100
Issue type
Feature
Clarity
Mostly clear
Activity status
Active
Tech stack
playwright, typescript
Domain
accessibility, frontend, mobile, testing

Research direction

This is an epic, not a startable task: the plan reverses ADR 0048 (adr/0048-desktop-only-arcade-games-on-touch-devices.md) and points to a new ADR 0061 and a DesktopOnlyGate component. Read ADR 0048 and locate DesktopOnlyGate first, then wait for the per-game sub-issues. Done for a sub-issue means the game meets the phone bar and its screenshots at 320, 375, 768 and 1440 are on the PR.

Written by the indexing model from the issue text.

Description

area:arcade epic

Fred asked (2026-10-12) for a polished, best-practice mobile UI/UX for every arcade game. This reverses ADR 0048 (desktop-only gate on phones).

Plan

  1. ADR 0061 supersedes ADR 0048: every game plays well on a phone. A game leaves DesktopOnlyGate only in its own mobile PR, once it meets the bar below.
  2. Shared mobile kit (one PR): immersive full-viewport cabinet on touch devices with safe areas and no page scroll or zoom; per-game orientation with a rotate prompt; touch control primitives (d-pad, stick, action buttons, tap and drag) with 44px targets and haptics; touch-aware control hints; auto-pause on hide or rotate; Playwright touch projects with overflow checks, a taps-only first-score probe per game, and a 320/375/768/1440 screenshot helper.
  3. One issue and one PR per game, cut from main, sequenced after that game's playtest fix PR merges.

Phone bar for each game

  • Playable start to finish with touch alone.
  • Play area is most of the screen in the game's orientation.
  • No horizontal overflow at 320px; nothing essential below the fold.
  • Controls at least 44px and within thumb reach.
  • No accidental page scroll, zoom, selection or callout menus.
  • Safe areas respected.
  • Pause and resume work; reduced motion respected; audio waits for a gesture.
  • Zero axe violations; desktop at 1024 to 1440 unchanged.
  • Screenshots at 320, 375, 768 and 1440 on the PR.

Games

Order is pending Fred's approval; sub-issues are filed as each game starts.

Dominant language
TypeScript
Stars
1
Forks
0
Avg merge
1h 44m
Merged PRs (30d)
689

Getting set up

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from fderuiter/deruiter.dev

All issues in fderuiter/deruiter.dev

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.