---
# System prepended metadata

title: React Tic-Tac-Toe Hackathon

---

<img src="https://i.imgur.com/9LPuJgJ.jpg">

# React Tic-Tac-Toe Hackathon

## Intro

Hackathons are events, usually hosted by a tech company, where programmers team up to collaborate for a short period of time on a project.

Hackathons can be a competitive event with prizes awarded to the winning team(s).

Hackathons are a great learning experience and provide an opportunity to meet others and network.

## Assignment

Each team will work to code a Tic-Tac-Toe game in React.

### MVP

- Display an empty tic-tac-toe board when the app is initially displayed.

- Display a "message" section that states whose turn it is when the game is in play.  However, when the game is over, display which player has won or if the game was a tie.

- Once a square is occupied, the square cannot be played again.

- When the game is over, no squares can be clicked.

- Implement a **[Play Again]** button that displays only when the game is over and resets the game when clicked.

### Bonus

- Theme the game to display colors or images instead of Xs and Os.

- Render a scoreboard with the win count of the two players and ties.


### Fundamental Philosophy of React Frontend Programming

The following is fundamental to every React application...

- **In response to user-interaction, we perform any necessary calculations and update all impacted state causing the components to re-render.**

## Have Fun!

## More About Hackathons

Here are a couple of sites to check out if you're interested in participating in a hackathon:

- [hackathon.io](https://www.hackathon.io/events)

- [DEVPOST](https://devpost.com/hackathons)