3D Tic-Tac-Toe

3dttt.vercel.app

5 technologies

3D Tic-Tac-Toe - image 1

A front end tic-tac-toe game built with React that uses Spline 3d models for the circle and cross pieces.

Highlights

  • Leverages the useState React hook to update the state of an array that tracks the pieces in each cell.
  • Implemented CSS hover and active states to animate interactions with the cells and start over button.
  • Handled edge cases like a tie game, so that confetti only displays when a player wins.
  • Embedded 3D models of the circle and crosses that were modeled in Spline.
  • Deployed the app to Vercel from a GitHub repo.

Technology

  • CSS - style sheet language
  • HTML5 - markup language
  • JavaScript - programming language
  • React.js - user interface library
  • Vercel - platform for deploying and hosting

Building for the web, with AI

Content, UX, and platform decisions that make websites and products work, and what AI is changing about building them. One email/month. Unsubscribe anytime.