Val Town Code SearchReturn to Val Town

1# Chess Game
2
3A modern chess game built with React and TypeScript.
4
5## Features
12## Technologies Used
13
14- React 18
15- TypeScript
16- Vite

1import React from 'react'
2import ReactDOM from 'react-dom/client'
3import App from './App'
4import './index.css'
5
6ReactDOM.createRoot(document.getElementById('root')!).render(
7  <React.StrictMode>
8    <App />
9  </React.StrictMode>,
10)
11

1import { defineConfig } from 'vite'
2import react from '@vitejs/plugin-react'
3
4export default defineConfig({
5  plugins: [react()],
6  server: {
7    port: 3000

9      "version": "1.0.0",
10      "dependencies": {
11        "react": "^18.2.0",
12        "react-dom": "^18.2.0"
13      },
14      "devDependencies": {
15        "@types/react": "^18.2.0",
16        "@types/react-dom": "^18.2.0",
17        "@vitejs/plugin-react": "^4.0.0",
18        "typescript": "^5.0.0",
19        "vite": "^4.0.0"
226      }
227    },
228    "node_modules/@babel/plugin-transform-react-jsx-self": {
229      "version": "7.27.1",
230      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.27.1.tgz",
231      "integrity": "sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==",
232      "dev": true,
242      }
243    },
244    "node_modules/@babel/plugin-transform-react-jsx-source": {
245      "version": "7.27.1",
246      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.27.1.tgz",
247      "integrity": "sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==",
248      "dev": true,
792      "license": "MIT"
793    },
794    "node_modules/@types/react": {
795      "version": "18.3.23",
796      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.23.tgz",
797      "integrity": "sha512-/LDXMQh55EzZQ0uVAZmKKhfENivEvWz6E+EYzh+/MCjMhNsotd+ZHhBGIjFDTi6+fz0OhQQQLbTgdQIxxCsC0w==",
798      "dev": true,
803      }
804    },
805    "node_modules/@types/react-dom": {
806      "version": "18.3.7",
807      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.7.tgz",
808      "integrity": "sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ==",
809      "dev": true,
810      "license": "MIT",
811      "peerDependencies": {
812        "@types/react": "^18.0.0"
813      }
814    },
815    "node_modules/@vitejs/plugin-react": {
816      "version": "4.5.2",
817      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.5.2.tgz",
818      "integrity": "sha512-QNVT3/Lxx99nMQWJWF7K4N6apUEuT0KlZA3mx/mVaoGj3smm/8rc8ezz15J1pcbcjDK0V15rpHetVfya08r76Q==",
819      "dev": true,
821      "dependencies": {
822        "@babel/core": "^7.27.4",
823        "@babel/plugin-transform-react-jsx-self": "^7.27.1",
824        "@babel/plugin-transform-react-jsx-source": "^7.27.1",
825        "@rolldown/pluginutils": "1.0.0-beta.11",
826        "@types/babel__core": "^7.20.5",
827        "react-refresh": "^0.17.0"
828      },
829      "engines": {
1133      }
1134    },
1135    "node_modules/react": {
1136      "version": "18.3.1",
1137      "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
1138      "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
1139      "license": "MIT",
1145      }
1146    },
1147    "node_modules/react-dom": {
1148      "version": "18.3.1",
1149      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
1150      "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
1151      "license": "MIT",
1155      },
1156      "peerDependencies": {
1157        "react": "^18.3.1"
1158      }
1159    },
1160    "node_modules/react-refresh": {
1161      "version": "0.17.0",
1162      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.17.0.tgz",
1163      "integrity": "sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ==",
1164      "dev": true,

1import React, { useState } from 'react';
2import { Piece, Square } from '../types/chess';
3import './ChessBoard.css';

1import React from 'react'
2import ReactDOM from 'react-dom/client'
3import App from './App'
4import './index.css'
5
6ReactDOM.createRoot(document.getElementById('root')!).render(
7  <React.StrictMode>
8    <App />
9  </React.StrictMode>,
10)
11

1import React from 'react';
2import { ChessBoard } from './components/ChessBoard';
3import './App.css';

1import { defineConfig } from 'vite'
2import react from '@vitejs/plugin-react'
3
4export default defineConfig({
5  plugins: [react()],
6  server: {
7    port: 3000

15    "isolatedModules": true,
16    "noEmit": true,
17    "jsx": "react-jsx",
18    "baseUrl": ".",
19    "paths": {

10  },
11  "dependencies": {
12    "react": "^18.2.0",
13    "react-dom": "^18.2.0"
14  },
15  "devDependencies": {
16    "@types/react": "^18.2.0",
17    "@types/react-dom": "^18.2.0",
18    "@vitejs/plugin-react": "^4.0.0",
19    "typescript": "^5.0.0",
20    "vite": "^4.0.0"