Structure

📁 Root

Mappe / Fil	Beskrivelse
.github/	Indeholder GitHub Workflows og Issue Templates.
client/	Klientsidekode til FiveM skrevet i Lua. Indeholder callbacks og UI-interaktioner.
config/	Konfigurationsfil for ressourcen (config.lua).
docs/	Dokumentation. Fx en beskrivelse af systemet, funktioner osv.
locales/	Sprogfiler til ox_lib locales (pt. da og en).
server/	Serversidekode til FiveM skrevet i Lua – fx main logic og version check.
ui/	React-baseret brugergrænseflade til NUI.
fxmanifest.lua	FiveM manifest.
README.md	Introduktion og opsætningsvejledning.

---

🎨 UI-struktur (ui/)

Brugergrænsefladen er bygget i React + TypeScript og bruger blandt andet Vite og Tailwind CSS | Alle packages kan findes her

Mappe / Fil	Beskrivelse
public/	Offentligt tilgængelige filer, fx billeder og ikoner.
src/	Kildekode til frontend-applikationen.
App.tsx	Root-komponenten for hele React-appen.
main.tsx	Entry-point der mount’er app’en.
vite.config.ts	Vite-konfiguration.
tailwind.config.js	Tailwind CSS-opsætning.
tsconfig.json	TypeScript-konfiguration.

---

src/ undermapper

Mappe	Beskrivelse
assets/	Billeder og statiske ressourcer brugt i UI.
components/	Delte komponenter i hele NUI'et. Blandt andet Modals, Knapper, Tooltips osv.
components/ui/	(Oftest modificerede) delte komponenter fra ShadCN.
hooks/	React hooks.
layouts/	Layout-komponenter opdelt efter kontekst: admin, dev, test. Hvert layout fungerer som sit eget "system", f.eks. admin og user UI.
lib/	Delte funktioner for at støtte DRY princippet.
state/	Global state management.
styles/	CSS-filer
typings/	TypeScript interfaces og typer.
utils/	Delte funktioner for at støtte DRY princippet.