-
How the game looks on Desktop devices✨
-
On Mobile devices✨
-
On Tablets✨
Tic Tac Toe
===========
Inspiration
My passion for classic board games inspired me to create Tic Tac Toe, a 2-player interactive game featuring an intriguing user interface.
What it does
Tic Tac Toe allows two players to compete against each other by taking turns placing X's and O's on a 3x3 grid until one player achieves three in a row, column, or diagonal. The game offers soothing UI and captivating sound effects to enrich the overall user experience.
How I built it
Using solely JavaScript, HTML, and CSS, I crafted the frontend of the application. I employed vanilla JavaScript to manage game states and track scores. Additionally, I integrated audio clips to make the game engaging
Challenges I ran into
Programming the victory conditions proved tricky due to the multitude of potential winning scenarios in Tic Tac Toe. Upon investigation, I opted to employ arrays and loop to evaluate all possibilities systematically.
Achievements I am proud of
Defying obstacles, I managed to deliver a refined final product meeting all essential specifications. The intuitive user interface showcases personalized theme options and adaptability to diverse screen sizes. Besides, the integration of audio prompts adds an extra dimension to the immersion factor.
Moreover, I prioritize maintaining clean and structured code by applying object-oriented methodologies and modular designs whenever feasible.
What I learned
During Tic Tac Toe's creation, I acquired practical insights into contemporary web development approaches and best practices. I sharpened my proficiency in advanced CSS concept like grid, along with mastering regularly used JavaScript concepts like DOM manipulation, Event Handling and use of arrow functions etc.
Next steps for Tic Tac Toe
Although Tic Tac Toe presently serves its purpose, there remains room for expansion. Potential improvements may entail introducing artificial intelligence adversaries or enabling multiplayer matches over network connections (WebRTC). Regardless, I intend to persistently improve upon this solid base, investigating novel paths for progression and exploration.
Demo: link
Log in or sign up for Devpost to join the conversation.