Projects
Explore my portfolio of web applications, each crafted with passion and attention to detail
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)
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).
Platform for managing loyalty campaigns and voucher validation.Platform for managing loyalty campaigns and voucher validation.
📝 Executive Summary A full-stack web application developed for managing promotional campaigns, allowing users to sign up to receive vouchers via SMS. The system includes an advanced administration panel for campaign monitoring and a dedicated interface for cashiers to validate vouchers in real time. 🛠️ Technologies Used (Tech Stack) Framework: Laravel 11 (PHP) Admin Panel: Filament PHP v3 Frontend & Interactivity: Livewire, Blade, Tailwind CSS Database: MySQL Integrations: SMS API Gateway (for sending codes) 🚀 Key Features Registration & Voucher Generation Flow: Users fill out a registration form (managed by SubmissionResource). The system automatically generates a unique voucher code (VoucherService). The code is instantly sent via SMS to the customer (SmsService). Validation System (Role-Based): Special interface for cashiers (ValidateVoucher.php), optimized for speed. Real-time verification of whether the voucher is valid, expired, or already used. Immediate visual feedback (Success/Error) when entering the code. Administration Panel (Dashboard): Monitoring of SMS logs (SmsLogResource) to see the status of message delivery. User and permission management (Admin vs. Cashier). View all registrations and the status of associated vouchers. Security & Architecture: Robust authentication (Fortify). Separation of logic Translated with DeepL.com (free version)