Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/joshk2/tic-tac-toe-game-using-bit
Simple Tic Tac Toe game built with react-typescript components
https://github.com/joshk2/tic-tac-toe-game-using-bit
game mocha mocha-chai mocha-tests react-components tictactoe typescript
Last synced: about 2 months ago
JSON representation
Simple Tic Tac Toe game built with react-typescript components
- Host: GitHub
- URL: https://github.com/joshk2/tic-tac-toe-game-using-bit
- Owner: JoshK2
- License: mit
- Created: 2019-05-12T10:12:41.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-03T21:53:39.000Z (almost 2 years ago)
- Last Synced: 2024-10-13T11:12:58.960Z (2 months ago)
- Topics: game, mocha, mocha-chai, mocha-tests, react-components, tictactoe, typescript
- Language: TypeScript
- Homepage: https://bit.dev/joshk/tic-tac-toe-game
- Size: 4.19 MB
- Stars: 20
- Watchers: 1
- Forks: 2
- Open Issues: 22
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Modular Tic Tac Toe Game built with TypeScript and tested with Mocha [![components](https://img.shields.io/bit/collection/total-components/joshk/tic-tac-toe-game.svg)](https://bit.dev/joshk/tic-tac-toe-game)
A simple Tic Tac Toe game build with TypeScript components and test with Mocha tester then shared them to [bit](https://bit.dev/joshk/tic-tac-toe-game) for testing in the live PlayGround and see the result of tests runnig in bit.
Allow users to consume the entire game or just a part of the game components using NPM and Yarn or using bit to consume and modify the component directly inside the project.The game has multiple options to modify the game rules, like the dynamic dimension of the table, and the number of matching value to win the game.
Try the game in live PlayGround in the project [collection](https://bit.dev/joshk/tic-tac-toe-game)
## Tutorial
See the full tutorial- build your own modular application with React TypeScript components.
**[Build a Tic Tac Toe App with TypeScript, React and Mocha](https://blog.bitsrc.io/build-a-tic-tac-toe-game-with-typescript-react-and-mocha-ce6f1e74c996)**.
## Import and use the entire game component in few seconds with NPM, Yarn and bit
To install components from this project, first configure [bit.dev](https://bit.dev) as a scoped registry (one-time action).
```
npm config set '@bit:registry' https://node.bit.devnpm i @bit/joshk.tic-tac-toe-game.game
yarn add @bit/joshk.tic-tac-toe-game.game
bit import joshk.tic-tac-toe-game/game
```Then import the component in your app:
```
import React from 'react';
import Game from '@bit/joshk.tic-tac-toe-game.game';export default
```That's it!
## Button and input text
These components is used from [bit](https://bit.dev) to work less, and not create from scratch.
### PrimeReact
[primereact input text component](https://bit.dev/primefaces/primereact/inputtext)
[primereact button component](https://bit.dev/primefaces/primereact/button)### to install them in your project
```bash
yarn add @bit/primefaces.primereact.inputtext
yarn add @bit/primefaces.primereact.button
```## Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.Please make sure to update tests as appropriate.
## License
[MIT](https://choosealicense.com/licenses/mit/)