💖 Barbie-Themed Tic-Tac-Toe
A stylish and fun Barbie-themed Tic-Tac-Toe game built using HTML, CSS, and JavaScript.
This project brings the classic Xs and Os to life with a vibrant Barbie-inspired design and smooth player interactions.
Two players can go head-to-head in this visually appealing, responsive web game — perfect for quick fun and a touch of nostalgia!
💡 Project Tagline
Play Pretty. Win Pink.
A classic Tic-Tac-Toe game with a glamorous Barbie twist!
💻 Technologies Used
- 🧱 HTML5 – to structure the game board and layout
- 🎨 CSS3 – for the Barbie-inspired theme, colors, and animations
- ⚙️ JavaScript (ES6) – to handle game logic, player turns, and win detection
🎮 Gameplay Overview
- 👭 Two-Player Mode: Player 1 (X) and Player 2 (O) take turns marking spaces on a 3×3 grid.
- 🏆 Winning Logic: The first player to align three symbols (vertically, horizontally, or diagonally) wins.
- 💔 Draw Detection: The game recognizes and announces a draw when all boxes are filled with no winner.
- 🔁 Restart Option: Players can easily restart the game after a win or draw.
💕 Design & Experience
The entire UI is styled in Barbie’s iconic pink aesthetic, featuring smooth transitions, glowing highlights, and a cheerful interface.
The layout is fully responsive, ensuring an enjoyable experience on both desktop and mobile screens.
⚙️ Features
- 💅 Barbie-Themed Interface: Soft pinks, pastels, and playful design elements.
- 🕹️ Two-Player Gameplay: Perfect for friendly competition.
- 🧠 Smart Game Logic: Detects wins, losses, and draws instantly.
- 🔄 Reset Button: Instantly restart the match without refreshing.
- 📱 Responsive Design: Works seamlessly on all screen sizes.
🧭 How to Play
- Open the game in your browser.
- Player 1 starts as X, and Player 2 plays as O.
- Take turns clicking on the grid squares.
- The game will display the winner or a draw automatically.
- Click Reset to start a new round!
📁 Project Setup
To run this project locally:
# Clone the repository
git clone https://github.com/heyitsj-git/Barbie-Tic-Tac-Toe.git
# Navigate to the project directory
cd Barbie-Tic-Tac-Toe
Then open the index.html file in your browser and enjoy playing!
🧠 Author
Developed by Shweta Jha