Projects
Explore my portfolio of web applications, each crafted with passion and attention to detail
Labor Agency Presentation Website
This modern and functional website showcases a recruitment agency's services, focusing on dynamic job ad displays and an administrative control panel. Developed without frameworks, using only core technologies (vanilla PHP, JavaScript, HTML, and CSS), it ensures optimal performance and full customization. The public section allows candidates to browse real-time updated job listings, filter by criteria (field, location, salary), and apply online. The control panel enables administrators to add, edit, or delete job ads, monitor applications, and manage users through an intuitive and secure interface. The design is fully responsive, perfectly adapted for mobile and desktop devices.Technical Features Backend: Vanilla PHP (MySQL/MariaDB database management, sessions, authentication). Frontend: Vanilla JavaScript (dynamic job posting updates, form validation, filtering). HTML5/CSS3 (semantic structure, subtle animations, responsive design). Key Features: Public: Advanced job posting search/filtering, online applications with CV upload. Admin: Secure control panel (CRUD for job postings, application viewing, statistics). Security: Protection against SQL injection (prepared statements), input validation, encrypted sessions. Performance: Fast loading (no external dependencies), optimized cache. Design: Clean interface, adaptable to any screen size (using Flexbox/Grid CSS).
German Roofing Contractor Presentation Website
This static, professional website showcases the services of a German company specializing in roof construction and repairs. Developed without frameworks, using only core technologies (vanilla HTML, CSS, and JavaScript), it delivers maximum performance and universal compatibility. The modern, minimalist design highlights German quality, with dedicated sections for services (installation, repairs, maintenance), completed projects (interactive photo gallery), and client testimonials. The site includes a real-time validated contact form, an interactive location map, and an FAQ section. Fully responsive, it adapts flawlessly to all devices—from desktop to mobile—ensuring an impeccable visual experience for potential clients. Technical Features Structure: HTML5: Optimal semantic structure (header, nav, main, section, footer). CSS3: Responsive design (Flexbox/Grid), subtle animations, CSS variables for theme. Vanilla JavaScript: Dynamic interactions (photo gallery, form validation, mobile menu). Key Features: Interactive Photo Gallery: Navigation through projects with lightbox (no external libraries). Contact Form: Real-time validation (regex for email/phone), submission via mailto or external service (e.g., Formspree). Interactive Map: Embedded Google Maps with custom marker. FAQ Section: Accordion open/close with CSS animations. Testimonials: Carousel with navigation via arrows/dots. Performance: Fast Loading: No external dependencies, image optimization (WebP), automatic minification (Gulp/Webpack). SEO Optimized: Descriptive meta tags, semantic structure, microdata for services. Security: XSS Protection: Input sanitization in JavaScript. Mandatory HTTPS: SSL certificate required.
Art Restoration Studio Website (Laravel + Inertia.js + Vue.js)
This premium website showcases an art restoration studio’s services using cutting-edge technology. Built on Laravel 10 for a secure and scalable backend, it uses Inertia.js to deliver SPA-like performance without page reloads, while Vue.js 3 with Composition API powers a highly reactive interface. Key Features: Dynamic portfolio with multi-criteria filtering. Interactive galleries with lightbox. Blog system for restoration techniques. Full admin panel for content management, including WebP-optimized image uploads and automatic SEO meta-tag generation. Responsive design, subtle animations, and sub-2-second load times ensure a premium experience for high-end clients. Technical Features Backend (Laravel 10): Architecture: MVC with Eloquent ORM, custom middleware for protection. Authentication: Laravel Breeze with Inertia.js (secure sessions, optional 2FA). API: API resources for portfolio and blog (with data transformers). Database: MySQL 8.0 (migrations + seeders for initial data). Security: CSRF protection, SQL injection (via Eloquent), XSS (automatic sanitization). Rate limiting for API and contact form. Performance: Redis caching for portfolio and blog. Queue system for email sending (with Redis/Beanstalkd). Frontend (Vue.js 3 + Inertia.js): Architecture: Reusable components with Composition API. State Management: Pinia for global state (portfolio filters, user session). Interactions: Dynamic portfolio filtering (by period, artwork type, technique) with debouncing. Photo gallery with lightbox zoom (using vue-gallery-slideshow). Scroll animations with AOS (Animate On Scroll). Forms: Real-time validation with VeeValidate and custom messages. SEO: Dynamic meta-tags per page (using inertia-head). Semantic HTML5 structure + microdata for services. Design (Tailwind CSS + Custom): Framework: Tailwind CSS 3.x with custom extensions. Theme: Minimalist color palette (dark blue, gold, white) with CSS variables. Responsive: Breakpoints for mobile (sm:), tablet (md:), desktop (lg:). Optimizations: Lazy-loaded images with vue-lazyload. Local fonts (Inter) for speed. Automatic CSS/JS minification with Vite.
Pregapebune.ro
The application is a Laravel platform for tutoring that combines dynamic pages managed from Filament CMS with front-end areas served through Inertia. Routes deliver the main page from CMS, provide custom authentication for the Filament panel, and expose public forms for appointments, contact messages, and reviews, plus a mini-dashboard Inertia for authenticated users. The session scheduling flow validates subject matter, price package, and time slots, supports packages with two sessions per week, and uses transactions to simultaneously lock available slots. The controller generates booking references, prevents overlaps, and prepares email notifications for the client and administrative team, ensuring data traceability and consistency. Translated with DeepL.com (free version)