https://github.com/diogocarrola/tic-tac-toe
A vibrant Coldplay-themed Tic Tac Toe game with Google-inspired design, responsive layout and CSS animations.
https://github.com/diogocarrola/tic-tac-toe
coldplay-theme css-animations game-development google-ui javascript module-pattern responsive-design tic-tac-toe
Last synced: 4 months ago
JSON representation
A vibrant Coldplay-themed Tic Tac Toe game with Google-inspired design, responsive layout and CSS animations.
- Host: GitHub
- URL: https://github.com/diogocarrola/tic-tac-toe
- Owner: diogocarrola
- Created: 2025-06-15T15:36:23.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-06-24T15:45:25.000Z (11 months ago)
- Last Synced: 2025-06-24T16:45:40.686Z (11 months ago)
- Topics: coldplay-theme, css-animations, game-development, google-ui, javascript, module-pattern, responsive-design, tic-tac-toe
- Language: CSS
- Homepage: https://diogocarrola.github.io/tic-tac-toe/
- Size: 10.7 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# tic-tac-toe
## The Odin Project - Tic Tac Toe
A clean, responsive Tic Tac Toe game with Google-inspired design, featuring modern JavaScript patterns and CSS animations. The game has a vibrant Coldplay theme with rainbow sound bars and animated gradient title.
### Features
- **Google-Inspired UI**: Clean, minimalist design with Material Design elements
- **Coldplay Theme**: Vibrant rainbow colors and music integration
- **Responsive Design**: Works on all devices from mobile to desktop
- **Modern JavaScript**: Implemented with IIFE module pattern
- **CSS Animations**: Animated sound bars and gradient effects
- **Music Integration**: Direct link to Coldplay YouTube playlist
- **Rainbow Effects**: Dynamic sound bars and animated gradient title
### How to Play
1. Players take turns placing X and O on the board
2. First player to get 3 in a row wins
3. Click "New Game" to reset the board
4. Click "Play Music" to open Coldplay playlist