Cockatrice/webclientvue

Webatrice (webclientvue)

Webatrice built with vue and quasar

---

New to the project? Follow below to get started locally

Install the dependencies

npm install

If you've never used Quasar before, install the CLI:

npm i -g @quasar/cli

Start the app in development mode (hot-code reloading, error reporting, etc.)

quasar dev

---

Useful commands

Lint the files

npm run lint

Format the files with prettier

npm run format

Build the app for production

quasar build

---

Routing

Adding a page to routing

Inside of src/router/routes.ts you'll follow the pattern in the file for the rest of the pages in this app; add an object to the routes array. Specify a path, a layout (things like header/footer) and the page to use.

Quasar Routing Documentation

Routing to a page

Let's say you setup the routing already and now you need a way to navigate to a page. This project utilizes Vue Router

Additional Info

Customize the configuration

See Configuring quasar.config.js.

#TODOs:

• Create a gaming layout that isn't connected to the routing system
• Working login
• Working websocket
• Decide how we will go about routing to each game. Will probably require some knowledge of the websocket data structure and a slug
• Admin functionailty/tools
• Polish UI