/tic-tac-toe

Immerse yourself in a captivating web-based Tic Tac Toe game that offers an intuitive HTML, SCSS, and JavaScript interface.

Primary LanguageJavaScript

Tic-Tac-Toe

This tic-tac-toe app crafted with JavaScript, HTML, and SCSS, offers a delightful experience, it boasts a simple yet pleasing design, with the integration of a built-in bot. Players can now relish challenging the computer, creating a strategic and engaging solo gaming experience. This fusion of technology and thoughtful design elements ensures a harmonious and memorable journey for users across all skill levels.

Try it out: Live-Demo

Command lines

  • npm install
    Install all the necessary packages for developing the project.
  • npm run start
    For running the project (with lite-server).
  • npm run sass-compile
    Compile all the SCSS files to CSS files.
  • npm run sass-watch-folder
    Automatically compiles SCSS files into CSS files whenever changes are detected.

A practical example that exemplifies how the game looks like

Short-Demo.mp4

The technologies used in this project include:

  • JavaScript : javascript script files enable interactive behavior in web pages by handling user interactions on elements.
  • HTML : the project extensively relies on HTML for constructing and defining its web page elements.
  • SCSS : the project's visual style is elegantly crafted and designed using scss.

Additional technologies used as development tools include:

  • ESLINT : the project adheres to the ESLint guidelines and follows the best practices recommended by airbnb.

In addition, the project incorporates the following features:

  • Best-Practices in Structure and Naming: : The application adheres to Best-Practices organization and structuring of the folders and files, improving maintainability and promoting a standardized development process. It also maintains superior naming conventions throughout all the files for code clarity and consistency.
  • Responsiveness: The application is intentionally designed to adapt to screens of various sizes by utilizing media queries within its components. This ensures that the user interface adjusts seamlessly to different screen dimensions.

A brief illustration showcasing how the game appears on various screens

Short-Demo-MQ.mp4

Author

:octocat: Afek Sakaju