Arcade

Restoration of a Pacman Arcade Cocktail table (Karateco 1984) and mashup of a few arcade games, retrofitted to hexagonal grids.

Project status

🌱 Early stage of development. Only a landing page with a partial UI is deployed on Firebase. Expect everything to evolve. Next to the source code, there are various experiments available and listed from the homepage of the wiki.

Repository structure

This repository has a monorepo layout, holding two projects webapp and server, with shared library hexgrid.

/ ..................... NPM & Firebase scripts for global assembly & deployment
|
+-- webapp ............ D-Arcade PWA
|   +-- components .... + Web Components
|   +-- static ........ + Static HTML5/CSS3 & more assets
|
+-- server ............ D-Arcade Back-end
|   +-- src ........... + (to be created)
|
+-- packages
    +-- hexgrid ....... Hexgrid library from Red Blob Games

How-to… ?

1. Setup

$ npm install

Optionally, if you want to deploy to Firebase Hosting — requires appropriate access rights:

$ npm install -g firebase-tools

2. Run

Start development server & edit the code of the webapp, save and enjoy instant hot-module reloading – by the virtue of ESBuild and Snowpack:

$ npm run start

Above is equivalent to:

$ cd webapp
$ npm run start

3. Deploy

Deploy to Firebase Hosting — would require appropriate access rights:

$ npm run deploy

This command will also run a production build of the webapp and its dependencies (triggered by hosting/predeploy script in firebase.json).

4. Production build

# All packages
$ npm run build

# A single package
$ cd webapp
$ npm run build

5. Specialized tasks

Check code-style & reformat source code (with Prettier):

# All packages
$ npm run format

# A single package
$ cd webapp
$ npm run format

Check syntax & eventually find problems (with ESLint):

# All packages
$ npm run lint

# A single package
$ cd webapp
$ npm run lint

# Alternatively, from the root folder
$ npx eslint webapp