Skip to content

The ultimate upgrade of the classic Tic-Tac-Toe game! ๐ŸŽฎโœจ Enjoy an engaging, interactive onboarding experience, and challenge your friends to become the champion. ๐ŸŒŸ๐Ÿ•น๏ธ๐ŸŽ‰

License

Notifications You must be signed in to change notification settings

TranMinhQuangB2111946/Tic-Tac-Toe

ย 
ย 

Repository files navigation

Watchers Forks Star

Issue Open Pull Request

License

Play Tic-Tac-Toc, the ultimate version of the classic Tic-Tac-Toe game! ๐ŸŽฎโœจ
Dive into an exciting and engaging onboarding journey, and challenge your friends to epic matches. ๐ŸŒŸ๐Ÿ•น๏ธ
Join us and have endless fun! ๐ŸŽ‰๐Ÿ˜ƒ

Table of Contents

Features

  • Interactive Onboarding:

    Enjoy a narrative-style introduction inspired by popular mobile games.

    Sample UI of Onboarding
  • Storyline Integration:

    Follow an engaging storyline that guides you through the game, making the experience more immersive.

    Sample UI of Storyline
  • Shepherd.js Integration:

    Utilize Shepherd.js to provide tooltips and guided tours throughout the game, enhancing the user experience.

    • Interactive Storyline Onboarding

    • Progress Bar for Tours

    • Custom Tour Elements (Input Box)

    • Custom Styling and Themes

    • Tour Continuation after Page Navigation

    • Initial Onboarding for New Users

    • Multiple Tours on a Single Page

      Sample Integration of Shepherd.js
  • Classic Gameplay:

    Play the traditional Tic-Tac-Toe game with a modern twist.

    Sample UI of Gameplay
  • Simple and Minimalistic Design

    Sample Design of TIc Tac Toe

Demo

Thank.you.mp4

Installation

Prerequisites

Ensure you have Node.js and npm or yarn installed on your machine.

Setup

  1. Clone the repository:

    git clone https://github.com/SusheelThapa/Tic-Tac-Toe.git
    cd Tic-Tac-Toe
  2. Installation of node packages

     yarn
  3. Running the project:

    yarn run dev

Dependencies

Frontend

  • Vite
  • React
  • React Router
  • React Icons
  • Shepherd.js
  • Tailwind CSS

Contributing

We welcome contributions to enhance and improve Tic Tac Toe! Feel free to submit issues, feature requests, or pull requests. Please adhere to our Code of Conduct.

License

This project is licensed under the MIT License.

About

The ultimate upgrade of the classic Tic-Tac-Toe game! ๐ŸŽฎโœจ Enjoy an engaging, interactive onboarding experience, and challenge your friends to become the champion. ๐ŸŒŸ๐Ÿ•น๏ธ๐ŸŽ‰

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 95.5%
  • JavaScript 2.2%
  • HTML 1.2%
  • CSS 1.1%