Giter Site home page Giter Site logo

susheelthapa / tic-tac-toe Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 2.0 5.04 MB

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

Home Page: https://www.tictactoe.susheelthapa.com.np

License: MIT License

JavaScript 1.54% HTML 0.83% TypeScript 90.00% CSS 7.64%
tic-tac-toe shepherd-js

tic-tac-toe's Introduction

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.

tic-tac-toe's People

Contributors

susheelthapa avatar

Stargazers

Krishant Timilsina avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.