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
- CSS - style sheet language
- HTML5 - markup language
- JavaScript - programming language
- React.js - user interface library
- Vercel - platform for deploying and hosting
Design, frontend engineering & AI
Thoughts on UX, frontend engineering, product design, and building AI-powered experiences that feel intuitive and polished. Practical ideas from the intersection of design and code. One email/month. Unsubscribe anytime.