← Back to projects Website · Web & mobile development

TECHNI DAN

The TECHNI DAN portfolio website, built with Symfony to showcase web and mobile development projects, services and technical expertise.

TECHNI DAN
PROJECT

The project

A multilingual Symfony application with Twig, Bootstrap, JavaScript and MySQL, featuring localized routing, SEO metadata, portfolio pages, responsive design and an animated digital-studio presentation.

System Architecture & Full-Stack Engine

The TECHNI DAN platform is built on Symfony 7 and PHP 8.3. It combines rock-solid server-side rendering (SSR) via Twig with a modern frontend pipeline powered by Webpack Encore, Hotwire Turbo, and GSAP.

┌─────────────────────────────────────────────────────────────────────────────┐
│                 TECHNI DAN Multilingual Symfony 7 Platform                  │
└──────────────────────────────────────┬──────────────────────────────────────┘
                                       │
           ┌───────────────────────────┼───────────────────────────┐
           ▼                           ▼                           ▼
  🌍 Multilingual SEO Engine    🎨 High-Performance Motion   🛡️ Security & Scalability
  • 14 localized URL routes     • GSAP 3 + ScrollTrigger    • Stateless CSRF manager
  • Strict hreflang matrices    • Lenis smooth scrolling    • Double-submit token flow
  • CLI Sitemap generator       • 3D parallax depth scenes  • Webpack Encore bundling
  • Auto locale negotiator      • Motion-reduction fallback • Schema.org rich snippets

International SEO & 14 Locales

Localized routing, translated slugs, and automated XML sitemap generation for global search reach without content duplication.

Fluid Visual Experience

Smooth 60 FPS interactive animations without blocking the main browser thread or degrading Core Web Vitals.

Backend Robustness & Security

Modern stateless Symfony architecture, advanced CSRF protection, and strict European GDPR compliance.

1. Localized Routing & International SEO Architecture

The platform handles 14 languages natively without controller duplication, ensuring optimal Google crawlability:

  • Translated URL Slugs: Every Symfony route features custom localized paths per language (e.g., /en/portfolio, /fr/realisations, /de/projekte).
  • hreflang Alternate Matrix: Automatic head generation of 14 alternate language links with an x-default fallback to the primary locale.
  • Automated CLI Sitemap Command: Dedicated Symfony console command (app:generate-sitemap) compiling all static routes and dynamic portfolio projects into valid XML.
  • Language Negotiation EventSubscriber: Seamless redirection of first-time visitors to their preferred browser language without overriding manual user selections.

2. Motion Engine & Frontend Performance

The frontend combines an immersive digital studio feel with ultra-fast page speeds:

Lenis Smooth Scrolling

Tight synchronization between hardware-accelerated smooth scrolling and GSAP animations via the main ticker.

3D Parallax & Magnetic Triggers

Real-time multi-depth coordinate calculations tracking pointer movement across the hero viewport.

Accessibility & Reduced Motion

Automatic graceful fallback neutralizing animations for users with prefers-reduced-motion enabled.

3. Enterprise Security & Stateless CSRF

Secure communication and form processing adhere to modern web defense standards:

  • Stateless CSRF Protection: Dynamic cryptographic token generation using the Web Crypto API, verified via SameSite Strict cookies and custom headers.
  • Hotwire Turbo Compatibility: Automatic CSRF header injection and cookie expiration handling across asynchronous Turbo form submissions.
  • Schema.org Structured Data: Complete JSON-LD semantic graph (Organization, WebSite, Person, Service) enhancing Google rich snippet eligibility.

4. Technical Component Matrix

Component Technical Implementation SEO & Performance Impact
Multilingual Routing Symfony 7 + Route Attributes per Locale International SEO Precise ranking across 14 geographic markets without duplicate content penalties
Sitemap Generator Custom Console Command + DOMDocument Crawl Budget Exhaustive and instantaneous search engine indexing of all site URLs
Motion & Rendering GSAP 3 + Lenis + Webpack Encore SCSS Core Web Vitals Zero CLS and 95+ performance scores on Google Lighthouse
Stateless CSRF SameOriginCsrfTokenManager + Crypto API Security Complete protection against Cross-Site Request Forgery vulnerabilities
Modular Case Studies Dynamic Sub-template Loader Semantics Deep technical content boosting long-tail keyword visibility

Need a High-Performance Web Platform?

Entrust the engineering and development of your custom web application to TECHNI DAN.

Start Your Project →