https://github.com/alexanderprod/pixelnetz

https://github.com/alexanderprod/pixelnetz

Last synced: 7 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/alexanderprod/pixelnetz
• Owner: AlexanderProd
• Created: 2018-10-11T16:22:18.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-03T18:17:14.000Z (about 3 years ago)
• Last Synced: 2025-04-02T01:16:17.850Z (9 months ago)
• Language: TypeScript
• Size: 90.1 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 77
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Trello Board

[Pixelnetz](https://trello.com/b/mGaOpOxx/pixelnetz)

# AWS Instanz

SSH Verbindung mit Server herstellen:

*Anleitung nur für macOS/Linux gülitg.*

- Terminal in dem Ordner mit der pixelnetz-new.pem Datei öffnen oder pixelnetz-new.pem in den .ssh Ordner kopieren.

- `chmod 400 pixelnetz-new.pem`

- `ssh -i pixelnetz-new.pem pixelnetz@ec2-3-121-177-95.eu-central-1.compute.amazonaws.com`

- IP: 3.121.177.95

# Kommunikation über WebSockets

Alle Seiten (Client für Animation und Master für Steuerung) sind über das lokale Netzwerk erreichbar.

Das Testen mit Smartphones sollte nun möglich sein.

# zum Starten:

- node installieren https://nodejs.org/en/

- in den drei Ordnern (frontend, master, server) "yarn install" ausführen

- in den Ordnern können über die yarn Befehle, die in den entsprechenden READMEs angegeben sind, die einzelnen Teile der Anwendung gestartet werden

  - Server: yarn start:dev

  - Frontend & Master: yarn start

- um alles auf einmal zu bauen und den Server im Produktionsmodus zu starten in Terminal "bash prodStart.sh" ausführen

# Editor setup

Für VS-Code die Extensions 'ESLint' und 'Prettier - Code formatter' installieren.

Dann `strg+shift+p` und `Preferences: Open Settings (JSON)` eingeben und der Datei folgende Zeilen hinzufügen.

```

"eslint.validate": [

    "javascript",

    "javascriptreact",

    "typescript",

    "typescriptreact"

],

"[javascript]":  {

    "editor.formatOnSave": true,

},

"[javascriptreact]":  {

    "editor.formatOnSave": true,

},

"[typescript]":  {

    "editor.formatOnSave": true,

},

"[typescriptreact]":  {

    "editor.formatOnSave": true,

},

"prettier.singleQuote": true,

"prettier.eslintIntegration": true,

"prettier.stylelintIntegration": true,

"prettier.printWidth": 70,

"prettier.trailingComma": "all",

```