Add projects gallery page with responsive grid (Story 2.2)

- Create useFetchProjects composable for API integration
- Implement responsive grid layout (1/2/3/4 columns)
- Add stagger fadeInUp animation with prefers-reduced-motion support
- Include loading skeleton, error state with retry, and empty state
- Configure SEO meta tags via useSeo composable
- Update Project model ordered scope for proper sorting

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-02-06 02:12:32 +01:00
parent 4117a84809
commit 0399f0dc1c
6 changed files with 188 additions and 55 deletions

View File

@@ -16,7 +16,8 @@
"loading": "Loading...",
"language": "Language",
"back_home": "Back to home",
"back_to_adventure": "Back to the adventure"
"back_to_adventure": "Back to the adventure",
"retry": "Retry"
},
"landing": {
"title": "Welcome to my universe",
@@ -75,8 +76,12 @@
"meta_description": "Full-Stack Developer specialized in Vue.js, Nuxt, Laravel. Discover my profile and projects in 30 seconds."
},
"projects": {
"title": "My Projects",
"page_title": "Projects | Skycel",
"page_description": "Discover projects created by C\u00e9lian, full-stack web developer.",
"discover": "Discover",
"no_projects": "No projects yet",
"load_error": "Unable to load projects...",
"view_all": "View all projects"
},
"pages": {