skycel
2b043674ca
- Add GET /skills/{slug}/projects endpoint with level progression
- Install @headlessui/vue for accessible modal
- Create SkillProjectsModal with Dialog component:
- Focus trap and keyboard navigation (automatic)
- Fade + scale transitions with backdrop blur
- prefers-reduced-motion support
- Create ProjectListItem with thumbnail and level display
- Integrate modal in competences.vue page
- Add translations for related projects UI
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