Proiecte
Explorează portofoliul meu de aplicații web, fiecare realizat cu pasiune și atenție la detalii
Site de Prezentare pentru Constructor de Acoperișuri German
Acest site static și profesional prezintă serviciile unei companii germane specializate în construcția și reparația acoperișurilor. Dezvoltat fără framework-uri, folosind exclusiv tehnologii de bază (vanilla HTML, CSS și JavaScript), oferă performanță maximă și compatibilitate universală. Design-ul modern și minimalist evidențiază calitatea germană, cu secțiuni dedicate serviciilor (instalare, reparații, mentenanță), proiectelor finalizate (galerie foto interactivă) și testimonialelor clienților. Site-ul include un formular de contact integrat cu validare în timp real, o hartă interactivă pentru locație și o secțiune FAQ pentru întrebări frecvente. Total responsive, se adaptează perfect la orice dispozitiv, de la desktop la mobil, asigurând o experiență vizuală impecabilă pentru potențialii clienți. Caracteristici Tehnice (Technical Features): Structură: HTML5: Semantică optimă (header, nav, main, section, footer). CSS3: Design responsive (Flexbox/Grid), animații subtile, variabile CSS pentru temă. JavaScript Vanilla: Interacțiuni dinamice (galerie foto, validare formular, meniu mobil). Funcționalități Cheie: Galerie Foto Interactivă: Navigare prin proiecte cu lightbox (fără biblioteci externe). Formular de Contact: Validare în timp real (regex pentru email/telefon), trimitere prin mailto sau serviciu extern (ex: Formspree). Hartă Interactivă: Embed Google Maps cu marcator personalizat. Secțiune FAQ: Accordeon deschis/închis cu animații CSS. Testimoniale: Carousel cu navigare prin săgeți/dots. Performanță: Încărcare Rapidă: Fără dependențe externe, optimizare imagini (WebP), minificare automată (Gulp/Webpack). SEO Optimizat: Meta tags descriptive, structură semantică, microdata pentru servicii. Securitate: Protecție XSS (sanitizare input în JS). HTTPS obligatoriu (certificat SSL).
Site de Prezentare pentru Restaurator de Artă (Laravel + Inertia.js + Vue.js)
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.
pregapebune.ro
Aplicația este o platformă Laravel pentru meditații care combină pagini dinamice gestionate din Filament CMS cu zone front-end servite prin Inertia. Rutele livrează pagina principală din CMS, oferă autentificare personalizată pentru panoul Filament și expun formulare publice pentru programări, mesaje de contact și review-uri, plus un mini-dashboard Inertia pentru utilizatori autentificați. Fluxul de programare a unei sesiuni validează materia, pachetul de preț și intervalele orare, susține pachete cu două ședințe pe săptămână și folosește tranzacții pentru a bloca simultan sloturile disponibile. Controller-ul generează referințe de rezervare, previne suprapunerile și pregătește notificările e-mail pentru client și echipa administrativă, asigurând trasabilitate și consistență a datelor
Site de Prezentare pentru Agenție de Forță de Muncă
Acest site modern și funcțional prezintă serviciile unei agenții de recrutare, cu accent pe afișarea dinamică a anunțurilor de angajare și un panou de control administrativ. Dezvoltat fără framework-uri, folosind exclusiv tehnologii de bază (vanilla PHP, JavaScript, HTML și CSS), asigură performanță optimă și personalizare completă. Partea publică permite candidaților să navigheze prin anunțuri actualizate în timp real, să filtreze după criterii (domeniu, locație, salariu) și să aplice online. Panoul de control oferă administratorilor posibilitatea de a adăuga, edita sau șterge anunțuri, de a monitoriza aplicațiile și de a gestiona utilizatorii, totul printr-o interfață intuitivă și securizată. Design-ul este complet responsive, adaptat perfect pentru dispozitive mobile și desktop.Caracteristici Tehnice (Technical Features): Backend: Vanilla PHP (gestiune bază de date MySQL/MariaDB, sesiuni, autentificare). Frontend: Vanilla JavaScript (actualizări dinamice ale anunțurilor, validare formulare, filtrare). HTML5/CSS3 (structură semantică, animații subtile, design responsive). Funcționalități Cheie: Public: Căutare/filtrare avansată a anunțurilor, aplicații online cu CV upload. Admin: Panou de control securizat (CRUD pentru anunțuri, vizualizare aplicații, statistici). Securitate: Protecție împotriva SQL injection (prepared statements), validare input, sesiuni criptate. Performanță: Încărcare rapidă (fără dependențe externe), cache optimizat. Design: Interfață curată, adaptabilă la orice ecran (folosind Flexbox/Grid CSS). Structura Site-ului (Site Structure): Pagini Publice: Acasă (prezentare agenție, anunțuri featured). Anunțuri (listă dinamică cu filtre). Detalii anunț (descriere completă + formular aplicare). Despre (servicii, echipă). Contact. Panou de Control (Admin): Dashboard (statistici: anunțuri active, aplicații noi). Gestionare Anunțuri (adaugă/editează/șterge). Aplicații (vizualizare CV-uri, statusuri). Utilizatori (gestiune conturi admin).
Platformă de Management al Campaniilor de Fidelizare și Validare Vouchere.
📝 Descriere Scurtă (Executive Summary) O aplicație web full-stack dezvoltată pentru gestionarea campaniilor promoționale, care permite utilizatorilor să se înscrie pentru a primi vouchere prin SMS. Sistemul include un panou de administrare avansat pentru monitorizarea campaniei și o interfață dedicată casierilor pentru validarea voucherelor în timp real. 🛠️ Tehnologii Folosite (Tech Stack) Framework: Laravel 11 (PHP) Admin Panel: Filament PHP v3 Frontend & Interactivity: Livewire, Blade, Tailwind CSS Baza de date: MySQL Integrări: SMS API Gateway (pentru trimiterea codurilor) 🚀 Funcționalități Cheie (Key Features) Flux de Înscriere & Generare Vouchere: Utilizatorii completează un formular de înscriere (gestionat prin SubmissionResource). Sistemul generează automat un cod unic de voucher (VoucherService). Codul este trimis instant prin SMS către client (SmsService). Sistem de Validare (Role-Based): Interfață specială pentru Casieri (ValidateVoucher.php), optimizată pentru rapiditate. Verificare în timp real dacă voucherul este valid, expirat sau deja utilizat. Feedback vizual imediat (Succes/Eroare) la introducerea codului. Panou de Administrare (Dashboard): Monitorizare log-uri SMS (SmsLogResource) pentru a vedea statusul livrării mesajelor. Gestionarea utilizatorilor și a permisiunilor (Admin vs. Casier). Vizualizarea tuturor înscrierilor și a statusului voucherelor asociate. Securitate & Arhitectură: Autentificare robustă (Fortify). Separarea logicii de business în Services (ValidationService, VoucherService, SmsService) pentru un cod curat și ușor de testat. Suport multilingv (RO/HU/EN) vizibil în fișierele de resurse.