Skip to content

Tic Tac Toe: A classic game of strategy and fun, now in a sleek digital version for endless entertainment.

Notifications You must be signed in to change notification settings

saeedhalabi/Tic-Tac-Toe-Game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

50 Commits
 
 
 
 
 
 

Repository files navigation

Tic Tac Toe: A Classic Game of Strategy and Fun

Project Showcase

Description

Indulge in the timeless joy of Tic Tac Toe with my digital adaptation! Whether you're looking to pass the time with a friend or challenge your strategic skills, this sleek web version of the beloved game offers endless entertainment. Take turns placing your X's and O's on the grid, aiming to achieve a line of three symbols in a row, column, or diagonal. With intuitive gameplay and customizable options, Tic Tac Toe is perfect for players of all ages.

Features

  • Interactive Gameplay: Experience the thrill of competing against a friend in a game that's easy to learn but challenging to master.
  • User-Friendly Interface: Enjoy a sleek and intuitive interface that makes playing the game a breeze.
  • Customizable Options: Tailor the game to your preferences with options to choose player names and symbols.
  • Responsive Design: Play seamlessly across various devices, whether it's on your desktop, tablet, or smartphone.

Technologies Used

  • HTML5
  • CSS3
  • JavaScript

Application of choice

VS-Code

The entire application was developed using Visual Studio Code, a versatile source code editor known for its lightweight design and robust features.

Figma

Figma File

Useful Extensions

  1. Code Run
    • Extension: Code Runner
    • Description: A code runner extension where it runs the code in the terminal

Links

Setup

Cloning the Repository

  1. Clone the repository to your local machine:
    git clone https://github.com/saeedhalabi/Tic-Tac-Toe-Game.git
    

Navigate the Project Directory

cd Tic-Tac-Toe-Game

Running the project locally

  1. Open the project folder in your preferred code editor
  2. Locate the index.html file in your editor and open it with your web browser
  3. Enjoy a game of Tic Tac Toe locally on your machine

Learnings

Throughout the development of my Tic Tac Toe game, I gained valuable insights and skills in:

  • HTML5 for structuring web content.
  • CSS3 for styling and layout, creating a visually appealing user interface.
  • JavaScript for implementing game logic and interactivity.

Challenges Faced

  • Implementing game logic to ensure a fair and enjoyable gaming experience.
  • Creating a responsive design that works seamlessly across different devices and screen sizes.

Despite these challenges, each obstacle provided an opportunity for growth, skill development, and a deeper understanding of web development principles.

Disclaimer

This project is designed to be responsive, providing an optimal gaming experience on various devices and screen sizes. Please feel free to enjoy Tic Tac Toe on your preferred device.