illumfx/gta-racemap-builder
1
0
Fork 0
Code Releases Packages Activity Actions
GTA: SA Race Map Builder
13 commits 1 branch 0 tags 227 MiB
  • Vue 74.1%
  • TypeScript 23.6%
  • Dockerfile 1.9%
  • JavaScript 0.3%
  • CSS 0.1%
Find a file
Exact
illumfx 672f1c9a44 Double ensure migration
2025-10-12 15:06:51 +02:00
.forgejo/workflows Using public registry url 2025-10-12 13:09:48 +02:00
app Added Dockerfile, builds, update Readme 2025-10-12 12:47:28 +02:00
public Added Dockerfile, builds, update Readme 2025-10-12 12:47:28 +02:00
server Added Dockerfile, builds, update Readme 2025-10-12 12:47:28 +02:00
.gitignore Added template support, auth, map creation, edit ... 2025-10-10 15:58:42 +02:00
.prettierrc Finishing touches, not complete tho. Auth WIP 2025-10-08 20:08:43 +02:00
Dockerfile Double ensure migration 2025-10-12 15:06:51 +02:00
drizzle.config.ts Added Dockerfile, builds, update Readme 2025-10-12 12:47:28 +02:00
eslint.config.mjs Finishing touches, not complete tho. Auth WIP 2025-10-08 20:08:43 +02:00
example.env "HOST" is overlapping 2025-10-12 14:44:38 +02:00
nuxt-starter.md Added Dockerfile, builds, update Readme 2025-10-12 12:47:28 +02:00
nuxt.config.ts "HOST" is overlapping 2025-10-12 14:44:38 +02:00
package-lock.json Added template support, auth, map creation, edit ... 2025-10-10 15:58:42 +02:00
package.json Added Dockerfile, builds, update Readme 2025-10-12 12:47:28 +02:00
README.md Added Dockerfile, builds, update Readme 2025-10-12 12:47:28 +02:00
tsconfig.json Finishing touches, not complete tho. Auth WIP 2025-10-08 20:08:43 +02:00

README.md

🗺️ GTA Racemap Builder

Ein moderner Web-Editor zum Erstellen, Bearbeiten und Verwalten von GTA-Racemaps – direkt im Browser.
Mit interaktiven Karten, Marker-Typen, Drag & Drop und smarter Authentifizierung über OIDC.

Preview Screenshot

✨ Features

✅ Interaktiver Map-Editor

  • Erstelle Start-, Ziel-, Checkpoint-, Ramp- oder Change-Marker
  • Markiere Punkte durch einfaches Klicken auf die Karte
  • Marker per Drag & Drop verschieben oder sortieren

✅ Smart-Hotkeys

Taste Funktion
E Edit Mode umschalten
Q Linien zwischen Markern anzeigen
X Letzten Marker löschen
V Letzten Löschvorgang rückgängig machen

✅ Creator-Mode

  • Nur Ersteller:innen können Maps bearbeiten oder speichern
  • Automatische Benutzererkennung über OIDC Login

✅ Dark Mode Only

  • Einheitliches, immersives Design – perfekt für nächtliche Map-Sessions 🌙

🧱 Tech Stack

Kategorie Technologien
Framework Nuxt 4 (Vue 3 + Vite + TypeScript)
UI / Styling TailwindCSS, Nuxt UI, Heroicons
Map Engine Leaflet + @vue-leaflet/vue-leaflet
Auth nuxt-oidc-auth
Database / ORM SQLite + Drizzle ORM
Utilities vuedraggable, composables, composable fetch APIs

⚙️ Setup & Installation

# 1️⃣ Repository klonen
git clone https://git.nevyra.net/DEIN_USERNAME/gta-racemap-builder
cd gta-racemap-builder

# 2️⃣ Abhängigkeiten installieren
npm install

# 3️⃣ Dev-Server starten
npm run dev

# 4️⃣ Öffne http://localhost:3000