In this video, we’ll build out a Tic Tac Toe game from scratch using only HTML, CSS, and vanilla JavaScript
🔗 Key Links 🔗
- Github: https://github.com/coding-in-public/tic-tac-toe-vanillajs
- Demo App: https://codinginpublic.dev/projects/tic-tac-toe/
---------------------------------------
⏲️ Timestamps ⏲️
0:00 Introduction
0:23 Project setup
6:07 Styling the game board
13:20 Game functionality
25:11 Change color on turn
27:55 Adding hover states
32:35 Improve winning function
36:54 Improve hover and focus states
38:56 Adding confetti
---------------------------------------
🎨 VSCode Theming
- Font: Cascadia Code: https://github.com/microsoft/cascadia-code
- Theme: https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-community-material-theme
- Icons: https://marketplace.visualstudio.com/items?itemName=BeardedBear.beardedicons
---------------------------------------
🌐 Connect With Me 🌐
- Website: https://codinginpublic.dev
- Blog: https://chrispennington.blog
- Twitter: https://twitter.com/cpenned
- Patreon: https://www.patreon.com/coding_in_public
- Buy Me a Coffee: https://www.buymeacoffee.com/chrispennington
