project_viewer.sh
user@portfolio:~$ cat dejavu-crm-frontend.project

DEJAVU CRM - VU CLOUD

Enterprise-grade CRM and e-commerce management system with real-time features, role-based access control, and multi-language support

[STATUS] completed
[TYPE] web
[DATE] 01.01.2024 → 10.09.2025

[TECH_STACK]

Vue 3 Vuetify Vite Pinia Laravel Echo CASL Axios Pusher Vue Router Vue i18n

[LINKS]

> github_repo > live_demo
[PROJECT_DETAILS]

Dejavu CRM - Vu Cloud

A sophisticated CRM and e-commerce management platform built with Vue 3 and Vuetify, designed to handle complex business operations including sales management, consignment tracking, inventory control, and user administration with granular permission systems.

Key Features

  • Comprehensive Sales Management - Complete sales lifecycle from quote to delivery with order tracking and payment processing
  • Consignment System - Advanced consignment management with dedicated consignor dashboards and tracking
  • E-commerce Integration - Full-featured online shop with product catalog, shopping cart, and purchase order management
  • Real-time Updates - WebSocket integration via Laravel Echo and Pusher for live data synchronization
  • Role-Based Access Control - Granular permissions system using CASL for fine-tuned authorization
  • Multi-language Support - Built-in i18n with Spanish, English, French, and Arabic translations
  • Modern UI/UX - Responsive Vuetify 3 interface with light/dark theme support and customizable layouts
  • File-Based Routing - Intuitive page structure with automatic route generation
  • Auto-Import System - Optimized developer experience with automatic component and composable imports

Technical Highlights

Built with a modern Vue 3 Composition API architecture leveraging Vite for lightning-fast development and builds. The application features a plugin-based system for modular functionality, Pinia for centralized state management, and a sophisticated authentication system using JWT tokens with cookie-based session management.

The codebase implements best practices including TypeScript support, ESLint configuration, path aliases for clean imports, and a well-structured component architecture with separate core utilities and application-specific components. The routing system uses unplugin-vue-router for file-based routes with custom guards for authentication and authorization flows.

Real-time capabilities are powered by Laravel Echo with Pusher/Socket.io integration, enabling live updates across the application. The API layer supports both modern ofetch and legacy Axios configurations with automatic token injection and comprehensive error handling.

EOF: Data loaded █