skycel
4a7fba5999
Story 3.6 : Carte interactive desktop (Konva.js) - Installation de konva et vue-konva - Configuration nuxt.config.ts pour transpile Konva - Création mapZones.ts avec 5 zones et connexions - Composant InteractiveMap.client.vue : - Canvas Konva avec zones cliquables - États visuels (visité/non visité/verrouillé) - Tooltip au hover avec statut - Marqueur de position animé - Navigation clavier (Tab + Enter) - Légende interactive - Traductions map.* FR/EN - Lazy-loading client-only (.client.vue) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Skycel
Portfolio interactif gamifie - Monorepo Nuxt 4 + Laravel 12.
Structure
skycel/
├── frontend/ # Application Nuxt 4 (SSR, TypeScript)
├── api/ # Backend Laravel 12 (API-only)
└── docs/ # Documentation projet
Prerequisites
- Node.js 18+
- PHP 8.2+
- Composer
- MySQL / MariaDB
Getting Started
Frontend
cd frontend
cp .env.example .env
npm install
npm run dev
Backend
cd api
cp .env.example .env
composer install
php artisan key:generate
php artisan serve