CS Investment Tracker

Eine kleine Web‑App, mit der man Counter‑Strike‑Investments tracken kann. Du trägst gekaufte Items ein, die App zieht den aktuellen Steam‑Market‑Preis und zeigt Gesamtwerte sowie Gewinn/Verlust (P/L) pro Item und insgesamt.

---

Kernfunktionen

Item‑Verwaltung

• Felder pro Eintrag: Name (Skin / Item), Bild, Kaufdatum, Anzahl, Preis pro Stück
• Automatisch berechnet: Gesamt bezahlt, aktueller Preis, aktueller Gesamtwert, P/L
• Auto‑Vorschläge beim Tippen (lokaler Katalog + externer Sync)

Preise & Metadaten

• Live‑Preise via Steam‑Market priceoverview
• Metadaten/Bilder aus lokalem Katalog
• Button „Sync extern (ByMykel)”: synchronisiert tausende Items (Skins, Cases, Sticker, …) inkl. Bilder/Rarity/Kategorien

Visuelles Design

• Hintergrundfarbe je Rarity/Kategorie (mit sanftem Verlauf):
  • Cases/Capsules: grün
  • Consumer: #bac8d9
  • Industrial: #5798d1
  • Mil‑Spec: #4262e4
  • Restricted: #723bdb
  • Classified: #cd29da
  • Covert: #dc4444
  • Extraordinary: Gold
  • Contraband: Orange
• Kartenlayout inkl. Bild‑Skeleton & weichem Fade‑In

Quality‑of‑Life

• Alle Preise aktualisieren, Export JSON, Löschen je Item
• Daten lokal im Browser (localStorage) – keine Accounts

---

Technischer Aufbau

Frontend: statisches HTML + TailwindCSS + Vanilla JS
Struktur: public/index.html, public/main.js

Backend: Node.js mit Express (server.js)

Endpoints:

• GET /api/price – Steam‑Market Preis (Median/Lowest)
• GET /api/itemmeta – Bild/Rarity (Fallback über Steam‑Search/Listing)
• POST /api/catalog/sync_bymykel – externer Katalog‑Sync (Bilder, Rarity, Kategorien)
• GET /api/catalog/search / GET /api/catalog/find – Vorschläge & exakte Treffer aus lokalem Katalog

Datenablage:

• data/catalog.json (Katalog)
• Browser‑LocalStorage (deine Items)

---

Nutzung

1. Projekt starten (lokal):

   npm install
   npm start
   # öffne http://localhost:3000

2. Optional, aber empfohlen: „Sync extern (ByMykel)” ausführen → Vorschläge & Bilder umfassend verfügbar
3. Neues Item hinzufügen (Kategorie wählen; bei Weapon zusätzlich Waffe & Exterior; Skin / Item mit Autocomplete auswählen)
4. Preise aktualisieren → Gesamtwert & P/L im Blick behalten

---

Hinweise

• Das Projekt speichert keine Nutzerdaten auf einem Server – alles liegt lokal im Browser.
• Beim ersten Start kann der externe Sync je nach Netzwerk etwas Zeit benötigen.
• Wenn der Steam‑Markt temporär limitiert, versucht es später erneut.

---

Entwicklung

• Frontend unter public/
• Backend/Server unter server.js
• Katalogdaten unter data/catalog.json

---

© 2025 CS Investment Tracker