Enterprise Web App

Site de Prezentare pentru Restaurator de Artă (Laravel + Inertia.js + Vue.js)

Laravel Vue.js Inertia.js Taillwind CSS Postgres Postgresql
Acest website premium prezintă serviciile unui studio de restaurare artistică folosind tehnologie de ultimă generație. Este construit pe Laravel 10 pentru un backend sigur și scalabil, utilizează Inertia.js pentru a oferi performanță de tip SPA (Single Page Application) fără reîncărcări de pagină, iar interfața reactivă este susținută de Vue.js 3 cu Composition API. Caracteristici principale: Portofoliu dinamic cu filtrare multi-criterială. Galerii interactive cu lightbox. Sistem de blog pentru tehnici de restaurare. Panou de administrare complet pentru managementul conținutului, inclusiv încărcare de imagini optimizate WebP și generare automată de meta-taguri SEO. Design responsiv, animații subtile și timpi de încărcare sub 2 secunde pentru o experiență premium destinată clienților de elită. Caracteristici Tehnice Backend (Laravel 10): Arhitectură: MVC cu Eloquent ORM, middleware personalizat pentru protecție. Autentificare: Laravel Breeze cu Inertia.js (sesiuni securizate, 2FA opțional). API: Resurse API pentru portofoliu și blog (cu transformări de date). Bază de Date: MySQL 8.0 (migrări + seeders pentru datele inițiale). Securitate: Protecție CSRF, injecție SQL (prin Eloquent), XSS (sanitizare automată). Limitare de rată pentru API și formularul de contact. Performanță: Caching Redis pentru portofoliu și blog. Sistem de cozi pentru trimiterea emailurilor (cu Redis/Beanstalkd). Frontend (Vue.js 3 + Inertia.js): Arhitectură: Componente reutilizabile cu Composition API. Management de Stare: Pinia pentru starea globală (filtre portofoliu, sesiune utilizator). Interacțiuni: Filtrare dinamică a portofoliului (după perioadă, tip lucrare, tehnică) cu funcție de debouncing. Galerie foto cu zoom lightbox (folosind vue-gallery-slideshow). Animații la scroll cu AOS (Animate On Scroll). Formulare: Validare în timp real cu VeeValidate și mesaje personalizate. SEO: Meta-taguri dinamice per pagină (folosind inertia-head). Structură HTML5 semantică + microdate pentru servicii. Design (Tailwind CSS + Personalizări): Framework: Tailwind CSS 3.x cu extensii personalizate. Temă: Paletă de culori minimalistă (albastru închis, aur, alb) cu variabile CSS. Responsiv: Puncte de rupere pentru mobil (sm:), tabletă (md:), desktop (lg:). Optimizări: Imagini încărcate „lazy” cu vue-lazyload. Fonturi locale (Inter) pentru viteză. Minificare automată CSS/JS cu Vite.

Project Gallery