Produkt-Showcase: ClientLedger
Eine umfassende Full-Stack-Anwendung für Freelancer und kleine Agenturen – Zeiterfassung, Projektverwaltung und Rechnungsstellung an einem Ort, gebaut mit Laravel 12 und Vue 3. Open Source, produktiv im Live-Einsatz.
72 Endpoints16 Vue Pages16.000+ Zeilen Code
clientledger.billinger.dev
clientledger.billinger.dev
Weitere Einblicke
Anmeldung, Ausgabenverwaltung und Kontoeinstellungen – ein Blick in weitere Bereiche der Anwendung.
Technologie-Stack & Architektur
Backend
- Laravel 12 (PHP 8.2+)
- Laravel Sanctum (API Auth & Tokens)
- Google 2FA (pragmarx/google2fa)
- PDF-Generierung (DomPDF)
- QR-Code-Generierung (bacon-qr-code)
- MySQL/PostgreSQL/SQLite
- OpenAI-Integration (laravel/ai)
- E-Mail-Benachrichtigungen (2 Custom)
- Factories & Seeders (7/8)
Frontend
- Vue 3 (Composition API)
- Tailwind CSS 4 (Custom UI-Kit)
- lucide-vue-next (Icons)
- Pinia (State Management)
- Vue Router 4 (SPA Navigation)
- Vue I18n (Internationalisierung)
- Vue Google Charts (Visualisierung)
- Vite (Build Tool & HMR)
- Mitt (Event Bus)
Sicherheit & Auth
- Multi-Faktor-Authentifizierung (2FA/TOTP)
- Recovery Codes (Backup Auth)
- Trusted Devices (Fingerprinting)
- E-Mail-Verifizierung (Code-basiert)
- Role-Based Access Control (RBAC)
- 3 Custom Middleware
- API Token Auth (Sanctum)
Architektur
- RESTful API (72 Endpoints)
- 7 Eloquent Models
- 15 Controllers
- 4 Custom Services
- 16 Vue Pages (Full SPA)
- ~30 Wiederverwendbare Components
- 26 Database Migrations
- Middleware Security Pipeline
Internationalisierung
- 5 Sprachen unterstützt
- Englisch, Deutsch, Spanisch
- Französisch, Italienisch
- Vue I18n Integration
- Vollständige App-Abdeckung
Testing & Qualität
- PHPUnit (Unit & Feature)
- Playwright (E2E Testing)
- Laravel Pint (Code Style)
- Faker (Testdaten)
- ~1.850 Zeilen Tests
UI/UX Design
- Custom Dark Theme
- Tabellarische Monospace-Zahlen
- Vollständig Responsive (Mobile-First)
- Datenvisualisierung (Charts)
- Echtzeit-Updates
- Interaktives Dashboard
Developer Tools
- Laravel Tinker (REPL)
- Laravel Pail (Log Viewer)
- Hot Module Replacement (HMR)
- API-Dokumentation bereit
Projekt-Statistiken
72
API Endpoints
7
Models & 15 Controllers
16
Vue Pages
16,000+
Lines of Code
Code-Statistiken im Detail
Eine vollständige Full-Stack-Anwendung mit umfassender Test-Abdeckung
Backend (PHP/Laravel)
Controllers (15 files)2,720 lines
Models (7 files)551 lines
Routes (72 endpoints)153 lines
Middleware & Services629 lines
Database Migrations (26)918 lines
Config Files1,441 lines
Frontend (Vue.js)
Vue Pages (16)6,543 lines
Vue Components (~30)3,075 lines
JavaScript/Store (Pinia)1,401 lines
Testing & Quality
PHP Tests (Unit/Feature)1,516 lines
E2E Tests (Playwright)336 lines