https://github.com/reime005/preact-fourconnect

A DApp game based on Preact, TypeScript, JavaScript and Solidity based Smart Contracts on the Ethereum Blockchain.
https://github.com/reime005/preact-fourconnect

drizzle javascript jest preact react solidity typescript

Last synced: 9 days ago
JSON representation

A DApp game based on Preact, TypeScript, JavaScript and Solidity based Smart Contracts on the Ethereum Blockchain.

• Host: GitHub
• URL: https://github.com/reime005/preact-fourconnect
• Owner: reime005
• License: mit
• Created: 2019-03-03T23:40:53.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-09T14:47:34.000Z (almost 2 years ago)
• Last Synced: 2024-04-14T06:27:22.648Z (7 months ago)
• Topics: drizzle, javascript, jest, preact, react, solidity, typescript
• Language: JavaScript
• Homepage: https://fourconnect-dapp.netlify.com/
• Size: 903 KB
• Stars: 2
• Watchers: 3
• Forks: 2
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# fourconnect-dapp

[![Netlify Status](https://api.netlify.com/api/v1/badges/deb5f1fd-07e1-4a32-9206-af7d19df697b/deploy-status)](https://app.netlify.com/sites/fourconnect-dapp/deploys)

This repository demonstrates the usage of React, TypeScript and Solidity Smart Contracts on the Ethereum Blockchain to play the game Connect Four. The web app client is developed using the Preact library, which is basically a small subset of React that only includes basic functionality with the premium of having a small footprint. This includes that the code is being written in both JSX and TSX (language with XML). The smart contracts and game logic are covered by tests.

Tech stack:

* Preact with TypeScript (TSX)

* Truffle Framework for deploying and testing Solidity smart contracts

* Drizzle for using smart contracts in JavaScript

* Netlify for continuous integration/deployment

## Try it

[![Check it out on Netlify](https://www.netlify.com/img/deploy/button.svg)](https://fourconnect-dapp.netlify.com/)

## CLI Commands

``` bash

# install dependencies

npm i

# serve with hot reload at localhost:8080

npm run dev

# build for production with minification

npm run build

# test the production build locally

npm run serve

# run tests with jest and preact-render-spy 

npm run test

```

For detailed explanation on how things work, checkout the [CLI Readme](https://github.com/developit/preact-cli/blob/master/README.md).