AI builds tic-tac-toe in React in 5 minutes

End-of-lesson check

15 questions · take it digitally for instant feedback at tendril.neural-forge.io/learn/quiz/end-builders-aicoding-ai-ai-build-tic-tac-toe-react-r11a8-teen

1. You want AI to create a working tic-tac-toe game. Which prompt would most likely give you a complete, playable game?

   1. Explain what useState does in React
   2. Write me a tic-tac-toe game in Python that prints to the console
   3. Give me the rules of tic-tac-toe and some example games
   4. Create a React component for tic-tac-toe with useState and a reset button

2. In React, what does the useState hook actually do?

   1. It creates the visual layout of your page
   2. It checks if the player has won the game
   3. It connects your app to the internet
   4. It stores and updates values that can change over time, like whose turn it is

3. A classmate asks you what a 'component' means in React. What is the most accurate explanation?

   1. A component is the final website that users see after loading
   2. A component is a command that tells the computer to start the program
   3. A component is a reusable block of code that defines what part of the page looks and behaves like
   4. A component is a type of database that stores user information

4. What is the purpose of 'win detection' in a tic-tac-toe game?

   1. To prevent players from clicking on taken squares
   2. To start a new game automatically after someone wins
   3. To check if a player has three in a row and announce the winner
   4. To randomly decide who wins each game

5. You ask an AI: 'Explain useState in my own beginner words.' What are you most likely hoping to get back?

   1. The entire React documentation copied and pasted
   2. A definition using technical jargon that you don't understand
   3. A different programming concept entirely, like loops or variables
   4. A simple explanation with examples that relate to things you already know

6. What does it mean to 'scaffold' a game using AI?

   1. To test the game for bugs before releasing it
   2. To write the instructions manual for how to play
   3. To quickly create the basic structure and code so you can build on it
   4. To paint the game with colors and designs

7. Which of these would be the BEST next feature to add to an AI-generated tic-tac-toe game?

   1. A completely different game like chess
   2. An encyclopedia of tic-tac-toe strategies
   3. A database that stores all games ever played worldwide
   4. A button that makes the AI play against you

8. Why is it valuable to add even ONE small feature yourself to AI-generated code?

   1. Because it helps you learn how the code actually works and gives you ownership
   2. Because the code won't run unless you modify it
   3. Because the law requires you to change AI code
   4. Because the AI will get jealous if you don't

9. In a React tic-tac-toe component, where would you store which player (X or O) should go next?

   1. In a regular variable outside the component function
   2. In a separate file that you never import
   3. In the HTML section of the component
   4. In the useState hook

10. What would happen if a tic-tac-toe game didn't have any state?

    1. The game would look different every time you refreshed the page
    2. The game would be faster because it doesn't track anything
    3. The game board would always stay empty no matter what players clicked
    4. The game would remember all previous games forever

11. Your AI generated a working game but used ugly default styling. What is the quickest way to improve how it looks?

    1. Ask AI to add styling or CSS to your existing component
    2. Rewrite the entire game in a different programming language
    3. Buy a pre-made game template online
    4. Delete the game and start over from scratch

12. What is the MAIN benefit of using AI to generate your first React component?

    1. You get a working example to study and modify, which is faster than starting from scratch
    2. AI does your homework for you so you don't have to learn
    3. You never need to understand programming concepts
    4. AI guarantees your code will be perfect and bug-free

13. You notice your AI-generated tic-tac-toe game doesn't detect when the board is full (a draw). What should you do?

    1. Post on social media complaining about the AI
    2. Give up and play a different game instead
    3. Ask AI to add draw detection to your existing code
    4. Delete the game and ask for a completely new one

14. What does the 'reset' button in a tic-tac-toe component typically do?

    1. It clears all squares and sets the game back to the starting state
    2. It erases the code so you can write a new game
    3. It closes the web browser and restarts your computer
    4. It sends your game to a server to be saved

15. A 'win counter' that tracks how many times each player has won would need which of the following?

    1. State to keep track of the win counts across multiple games
    2. A new React component that replaces the game entirely
    3. A database connected to the internet
    4. A special button that only appears when someone wins