Open StarTer Village - Web App is a single-page application project designed for playing the game online. You can explore our Web App Roadmap on the Wiki page for this website. Feel free to clone this project and create your Open StarTer Village on your local machine to enjoy with your friends or teams.
- Visit our website (Currently not available)
- Clone this project, host it, and enjoy!
git clone [email protected]:ocftw/open-star-ter-village.git open-star-ter-village
Note: Open StarTer Village Game requires node >= 18.0.0
yarn run webapp install
yarn run webapp build
yarn run webapp start
TBD - We are working on this feature.
Open StarTer Village - WebApp is a TypeScript monorepo configured with Yarn 2 using the workspace-tools plugin. The core game engine is based on boardgame.io on both the server and client side. The Open StarTer Village - WebApp project is divided into three parts: core game logic, client UI, and the game server. Below is a table showing their npm project names and locations:
Project Name | Description |
---|---|
@open-star-ter-village/webapp |
The web game app |
You should clone the project and navigate to the webapp folder before starting local development. Please refer to the instructions for creating your Open StarTer Village game if you haven't done that yet.
Open StarTer Village - Web App uses Yarn 2 workspaces to manage the project. Please ensure you have the latest Yarn installed on your machine before getting started. Don't worry, the Yarn 2 upgrade is on a per-project basis, so you can still access other projects with classic Yarn 1. Please note that there have been CLI command changes as well.
The following command will start the client UI (Create React App) on a development server, the server (Koa) using ts-node with watchmon, and the game core (pure TypeScript) in watch compile mode.
yarn run webapp dev
Everything is set up and ready for you to start coding!
The following command will build nextjs webapp into packages/webapp/.next
and server into packages/webapp/dist
.
yarn run webapp build
After building the project, you can start the server and webapp with the following command:
yarn run webapp start
yarn run webapp test
If you'd like to contribute assets, please create an issue to discuss your ideas with the team. They may invite you for further discussions. Afterward, you can create a pull request to upload your contributions.