bk2wi-2025

This template should help get you started developing with Vue 3 in Vite.

Sicherheitsfeatures

Passwort-Verschlüsselung

Das Projekt verwendet bcrypt für die sichere Verschlüsselung von Passwörtern. Um ein Passwort-Hash für Testzwecke zu generieren, kann folgender Befehl verwendet werden:

npm run generate-password -- MeinPasswort123

Dies erzeugt einen Hash, der mit dem in der Anwendung verwendeten Algorithmus kompatibel ist.

Passwort-Anforderungen

Passwörter müssen folgende Kriterien erfüllen:

• Mindestens 8 Zeichen lang
• Mindestens ein Großbuchstabe
• Mindestens ein Kleinbuchstabe
• Mindestens eine Zahl
• Mindestens ein Sonderzeichen (@$!%*?&)

Sicherheitsmaßnahmen

Die Anwendung implementiert folgende Sicherheitsmaßnahmen:

• CSRF-Schutz durch Token-Validierung
• Rate Limiting für Login-Versuche (max. 5 Versuche in 15 Minuten)
• Sichere Speicherung von Benutzerinformationen
• JWT-basierte Authentifizierung

Recommended IDE Setup

VS Code + Vue (Official) (and disable Vetur).

Recommended Browser Setup

• Chromium-based browsers (Chrome, Edge, Brave, etc.):
  • Vue.js devtools
  • Turn on Custom Object Formatter in Chrome DevTools
• Firefox:
  • Vue.js devtools
  • Turn on Custom Object Formatter in Firefox DevTools

Type Support for .vue Imports in TS

TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need Volar to make the TypeScript language service aware of .vue types.

Customize configuration

See Vite Configuration Reference.

Project Setup for development

Install node dependencies

npm install

Configure your enviroment

Copy the .env.local.example to .env.local and fill it with your NocoDB URL and API key

Compile and Hot-Reload for Development

npm run dev

For production

Type-Check, Compile and Minify for Production

npm run build

Helpful commands

Lint with ESLint

npm run lint

Generate Password Hash for Testing

npm run generate-password -- YourPassword