Skip to content

steveLeVesconte/go-game-webapp-react-typescript

Repository files navigation

Go Game Web App using React and TypeScript

This project is an online Go Game powered by React, Typescript and Firestore database (NO-SQL).

Responsive Design - As captured on Samung Galaxy s20 Ultra

view of website

Responsive Design - Dasktop Display

view of website

“Go is an abstract strategy board game for two players, in which the aim is to surround more territory than the opponent. The game was invented in China more than 2,500 years ago and is believed to be the oldest board game continuously played to the present day.” Wikipedia

The purpose of the project is to provide an adequately rich problem domain for practicing multiple technologies.

Features:

  • Referees each play for compliance to Go rules.
  • Firebase Authentication for user sign-in.
  • Responsive UI (for smart phones etc.)
  • Real time chat in game.
  • Game board automatically updates when opponent moves.

Not Implemented:

  • Handicap Game
  • Games on Smaller Boards (only 19x19 supported)
  • Final Scoring of games
  • AI opponent (you can only play against people)
  • Go Game Tutorial

Try it right now!

Click on the link below to start playing Go.

Another purpose of this website is to allow interested persons to easily see my work. To facilitate this, I have provided two accounts with easy usernames and passwords so that you can view the site without "signing up". This allows you to quickly access games-in-progress without needing to recruit a friend to play against you. Though, if you want to, you definitely can play against each other using these two credentials. There is of course the possibility that two of you will log in as the same "test subject". This could result confusing events.

You are also welcome to sign up. A "real" email is not required as email verification has been turned off, but if you use a fake email address, you will not be able to use "forgot password".

Test Accounts for logging in to view the website:

 Test Account email A: roo2@roo2.com

 Test Account password A: 12345678


 Test Account email B: roo3@roo3.com 

 Test Account password B: 12345678

Please consider providing any feedback at this email address: twowaypress@gmail.com

Built With

  • React
  • TypeScript
  • FireBase
  • Chakra-ui
  • Zustand

(back to top)

Getting Started

Prerequisites

This is an example of how to list things you need to use the software and how to install them.

Installation

  1. Clone the repo
    git clone https://github.com/steveLeVesconte/go-game-webapp-react-typescript.git
    
  2. Install NPM packages
    npm install
    
  3. Enter your FIREBASE secrets in /firestore.config.ts
     export const firebaseConfig ={
     apiKey: "[your api key here]",
     authDomain: "[your authDomain here]",
     projectId:"[your projectId here]",
     storageBucket: "[your storageBucket here]",
     messagingSenderId: "[your messagingSenderId: here]",
     appId: "[your appId here]",
     measurementId: "[your measurementId here]",
      };
    
    

Note: To find your Firebase secrets, click on the gear in the upper left corner of your "Project Overview" and choose "Project Settings".

(back to top)

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages