JH1ller/csgo-stratbook

Web & Desktop App to collaboratively manage csgo team playbook

Web & Desktop application to collaboratively manage strategies & utilities in Valve's popular competitive FPS Counterstrike: Global Offensive

Live Version here!

Features

✅ Add & manage your team

✅ Add & manage strats

✅ Add & manage utilities

✅ Link teammates & utilities in the powerful strat editor

✅ Teammates see changes in real-time

✅ Real-time tactics board to plan out strategies

Table of Content

• Technologies
  • Client/Frontend
  • Server/Backend
  • Landingpage
• Get started (local setup)
  • Server + Client (Docker)
  • Server (Local)
  • Client (Local)
  • Windows Desktop Client (Local)

Technologies

Client/Frontend

• Vue 2
• Vue CLI
• Vuex
• Vue Class Components & Property Decorator
• Electron
• Typescript
• Socket.io-Client
• SCSS
• Konva

Server/Backend

• Node.js
• Express
• MongoDB/Mongoose
• Socket.io
• Bcrypt
• JWT

Landingpage

• Nuxt (SSG)
• Nuxt Class Components

Get started (local setup)

Server + Client (Docker)

• install docker-compose
• Run docker-compose up
• Navigate to http://localhost:8080 and voilá

Server (Local)

• Navigate to the /server directory
• Run npm i to install a ll dependencies
• Create an .env file and add the required environment variables documented here
• Run npm run serve to start the server in development mode

Client (Local)

• Navigate to the /client directory.
• Run npm i to install all dependencies
• Run npm run serve to serve the web client in development mode with HMR

Windows Desktop Client (Local)

• Navigate to the /client directory.
• Download GTK and extract to "C:\GTK"
• Run npm i to install all dependencies
• Run npm run electron:serve to start the app in development mode with HMR
• Run npm run electron:build to build a windows installer