Question 1

Build Connect Four

Accepted Answer

**Target Audience:** Frontend candidates preparing for a machine coding round. Comfortable with React components, props and useState; no game-programming background needed. **Difficulty:** Hard > **How to read this doc:** Every idea is explained in plain language first, then tagged with 📌 Interview term: so you also learn the words an interviewer listens for. Excerpts come from the runnable solution on this page, and the Verified section quotes what it printed on Reac

Question 2

Build a Calendar Day View with overlapping events

Accepted Answer

**Target Audience:** Frontend candidates preparing for a machine coding round. Assumes basic React; no algorithms background beyond sorting. **Difficulty:** Hard > **How to read this doc:** Plain words first, then a 📌 Interview term: callout with the exact vocabulary. All "Verified" output was printed by the real code: the layout function run directly in Node 22, and the full component mounted with React 19.3.1 in StrictMode inside jsdom and driven by a script. ## 1. Why This Eve

Question 3

Build Tic-Tac-Toe II (N x N board, M in a row)

Accepted Answer

**Target Audience:** Candidates who can already build the basic 3 x 3 game and want the harder follow-up an interviewer asks next. Comfortable with React state and props; no algorithms background assumed. **Difficulty:** Hard > **How to read this doc:** Every idea is explained in plain language first, then tagged with 📌 Interview term: so you also learn the words an interviewer listens for. This doc assumes the basics from [Build Tic-Tac-Toe](/interview-question/build-tic-tac-toe)

FRONTEND MACHINE CODINGDECODED.

Hard

Build Connect Four

Build a Calendar Day View with overlapping events

Build Tic-Tac-Toe II (N x N board, M in a row)