React.js

Vercel

JavaScript

HTML5

CSS

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

• 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

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