Initial scaffolding for FE work (#47)

* Set up scaffolding for cal poker FE

* Set up scaffolding for cal poker FE

* Author FE tests, break out components and update readme instructions

* dkim/gaming-fe: remove some boilerplate

* Add missing index.html

* Integrate walletconnect

---------

Co-authored-by: Adam Kelly <[email protected]>

Author: davidckim

resources/gaming-fe/.gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

resources/gaming-fe/README.md

@@ -0,0 +1,40 @@
+# Cal Poker Game
+
+## **Introduction**
+
+Cal Poker is a simple real-time poker game where two players can connect, place wagers, and play turns against each other. The game uses Socket.IO for real-time communication between clients and the server.
+
+## **Features**
+
+- Real-time multiplayer gameplay
+- Simple betting system
+- Turn-based actions
+- Interactive UI with Material-UI components
+- Modular and maintainable codebase
+
+## **Prerequisites**
+
+- **Node.js**
+- **npm**
+- **TypeScript**
+
+## **Setup**
+
+1. **Install dependencies for the client:**
+   ```npm install```
+
+2. **Starting the Server:**
+   ```node server.js```
+
+3. **Start the React application:**
+   ```npm start```
+
+The client will start on port 3000 by default and should open automatically in your default browser.
+
+## **Usage**
+Open two browser windows or tabs:
+
+Go to http://localhost:3000 in both.
+Enter a wager amount and find an opponent:
+
+In both windows, enter a wager amount (e.g., 50) and click "Find an opponent".

resources/gaming-fe/jest.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  preset: "ts-jest",
+  testEnvironment: "jsdom",
+  moduleNameMapper: {
+    "^socket.io-client$": "<rootDir>/__mocks__/socket.io-client.ts",
+  },
+};