This is the official front end for the VyHub donation and management system. VyHub helps to monetize and manage your gaming community in many aspects. Feel free to make yourself familiar with this repo and open pull-requests, you can also this repo as a basis for your custom frontend, smartphone apps or more!
- 🛒 Shop / donation system -> sell items on your gameserver for real money
- 🛠️ Homepage builder
- 🚫 Bans
⚠️ Warnings- 🔁 Synchronize player groups with admin mods
- 📈 Player statistics (Playtime...)
- 📢 Periodic adverts
npm install
npm run serve
npm run build
npm run lint
VyHub Web is built using Vue2 and Vuetify.
Config options are located in /public/config.js.
! CORS backend variable needs to be set ! -> TODO Documentation
Check the issues for suitable projects.
Open a pull request when your feature/bugfix is ready for merging
Vue uses (reusable) components.
- New pages are stored in the
viewsfolder - Components are stored in the
componentsfolder, using subfolders for the corresponding view - Forms are written with VJSF and stored in the
formsfolder - Commonly used functions are placed in the
servicesfolder
API calls are made using openapi. Using openapi only the route name has to be specified, no absolute path is given.
Some components are programmed to be reused.
Use these components whenever you can
This includes but is not limited to:
DataTableandPaginatedDataTable(for a large count of results)GenFormandDialogForm(for displaying forms)ConfirmationDialogandDeleteConfirmationDialogPageTitle
VyHub is translated with vue-i18n.
- Define keys in the English file
en.json - Create a new level for new views (e.g.
_banfor ban-related keys) - Store commonly used translations on the top-level