Code Monkey home page Code Monkey logo

tac-toe's Introduction

Solana Tic-Tac-Toe UI

Basic front-end for the Anchor Book Tic-Tac-Toe example using Goki Protocol WalletKit and Saber HQ use-solana

Live version at tac-toe-omega.vercel.app

Running the app

Clone the repo, and run yarn start.

$ git clone https://github.com/nicholas-ewasiuk/tac-toe.git
$ cd tac-toe/
$ yarn install
$ yarn start

The app points to a program already deployed on devnet. Replace the IDL file and TIC_TAC_TOE_ID pubkey in app/src/utils if deploying your own.

Navigate to http://localhost:1234/ to explore the deployed application.

Playing the game

Connect a wallet and request airdrop of SOL for fees. The app is set to "devnet" by default.

Click "Create New Game" button.

Get your friends into crypto by forcing them to play with Tic-Tac-Toe with you!

Have them enter your address in the "Search Player Address" bar to see games you've created. Hit join on the game you want.

You can also join your own game and play by yourself.

Play the game by clicking the square you want on your turn, submit the transaction. The square will update as soon as the transaction clears.

Deploying and testing the Anchor program

Install the Anchor dependencies.

Follow the guide here.

Run anchor test

Follow the guide at the bottom of the page here to deploy on "devnet".

tac-toe's People

Contributors

nicholas-ewasiuk 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.