Quantum Game Arena

Quantum Game Arena is an online game arena that allows you to play the "Quantum Games" without registration. Quantum Games incorporate fundamental concepts of quantum mechanics. You can enjoy the complexity of the quantum games.

powered by SvelteKit;

Prerequisites

• Node.js ^24.15.0 (see package.json)
• npm ^11.12.1

Developing

Once you've cloned the repository, install dependencies and start a development server:

npm install

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Deployment

This app is a fully static, pre-rendered site deployed on Vercel using @sveltejs/adapter-vercel.

• All pages are pre-rendered at build time (export const prerender = true).
• There are no server-side API routes or backend services.
• Vercel configuration is managed in vercel.json.

To deploy your own instance, import the repository in the Vercel dashboard and it will be deployed automatically on every push to the default branch.

Building

Before creating a production version of your app, install an adapter for your target environment. Then:

npm run build

You can preview the built app with npm run preview, regardless of whether you installed an adapter. This should not be used to serve your app in production.

Format & Lint

Please exec formatter & linter before commit.

# check format
npm run format:dry

# fix format
npm run format

# check lint
npm run lint:dry

# fix lint
npm run lint

Typecheck

npm run check

Test

Unit Test

We use Vitest to unit test. Vitest reports coverage to ./coverage folder.

npm run test

Component Naming

1. Single-file component filename casing: filenames of single-file components should be always PascalCase.
2. Base component names: base components (a.k.a. presentational, dumb, or pure components) that apply app-specific styling and conventions should all begin with App prefix.
3. Tightly coupled component names: child components that are tightly coupled with their parent should include the parent component name as a prefix.
4. Order of words in component names: component names should start with the highest-level (often most general) words and end with descriptive modifying words.
5. Full-word component names: component names should prefer full words over abbreviations.

The above list is a little bit customized a part of Vue.js Style Guide