Cardsity Vue Client

This is a Web Client for the Cardsity Server written with Vue.js using the Vuetify Component Framework

Report issues here

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Build docker image

docker build -t cardsity-vue-client .

Use docker image

You need a web server to serve the content. The image only contains the static files.
You can copy the static files like so:

COPY --from=docker.pkg.github.com/cardsity/vue-client/cardsity-vue-client:latest /app/dist/ /var/www/client/

TODO

• Option to preview the black cards filled with the text of the selected white cards
• Write Tests
• Cards with long text
• Rewrite in TypeScript (+ Vue 3?)
• Validate forms better
• Focus text fields in dialogs
• Remove console logs
• Avoid scrolling when a chat message gets added
• Save chat in store
• Mobile UI (Use https://vuetifyjs.com/en/components/bottom-navigation/#shift ?)
• Emoji picker in chat
• Use Treeshaking (https://vuetifyjs.com/en/customization/a-la-carte/)
• Change primary accent color to user selected color
• Option to enter game and deck server host