A simple Tic-Tac-Toe game developed with HTML, CSS, and JavaScript as part of The Odin Project curriculum. This project focuses on functionality and modularity over visual design. The game runs in the browser and includes full game logic, a dynamic UI, and proper win/loss tracking.
- Two-player mode – Players take turns automatically.
- Win detection – Automatically identifies wins, losses, and ties.
- Dynamic UI updates – The interface reflects real-time game progress.
- Score tracking – Displays player wins and losses across multiple games.
- Restart feature – Reset the board anytime with a single click.
- Modular JavaScript – Organized using the module pattern.
- Players alternate turns – One selects "X," the other "O."
- Win/tie detection – The game automatically checks for three-in-a-row or a draw.
- Real-time updates – The UI displays results instantly.
- Score tracking – Wins and losses persist across multiple games.
- Restart feature – Reset the board anytime with a single click.
index.html– Contains the game layout.style.css– Styles the game interface.script.js– Implements the game logic and UI updates.
- HTML – Structuring the game layout.
- CSS – Styling the game interface.
- JavaScript (ES6) – Game logic and interactivity.
- Module Pattern – Organized, modular JavaScript code.
- AI Opponent – Implement a single-player mode with different difficulty levels.
- Animations & Sound – Improve user experience with engaging effects.
- UI Enhancements – Apply modern styles for a polished look.
- Code Refactoring – Optimize structure and improve maintainability.
-
Game Board – The default layout of the Tic-Tac-Toe board.
-
Winning Screen – A snapshot of the UI when a player wins.
- The Odin Project – For providing the curriculum and project inspiration.
This project is licensed under the MIT License, meaning you are free to use, modify, and distribute it with attribution. Read the full terms here.
Have feedback or want to collaborate? Feel free to connect:
- GitHub – linzi-v7
- LinkedIn – Faris Osama