Contact

Szpilowski Lukasz – Frontend Developer Portfolio

About Me

Szpilowski Lukasz
?
?
?

About me

Hi there – thanks for stopping by!

I’m a Frontend Developer with commercial experience at Opera Software, focused on building maintainable, production-ready interfaces using TypeScript and modern frameworks.

I think beyond visuals — considering component architecture, content structure, and long-term scalability. I enjoy refining UX details and simplifying systems to make products easier to extend and maintain.

Outside of coding, I train bouldering and calisthenics — movement keeps me focused and surprisingly good at debugging layout issues.

Impact

  • Built and maintained production interfaces
  • Improved component reusability in CMS-driven projects
  • Implemented authentication & user-scoped data access
  • Optimized performance using lazy loading and code splitting
?

My skills

Core:
  • TypeScript & modern JavaScript (ES6+)
  • React & Next.js
  • Responsive UI (Tailwind, SCSS)
  • Semantic HTML & accessibility (WCAG-aware)
State & data:
  • Zustand (client-side state)
  • REST API integration
  • Supabase (Auth, database, storage)
CMS & content-driven apps:
  • Django / WagtailCMS (production experience)
  • WordPress (custom themes, PHP templates)
Workflow:
  • Git (feature branching, code reviews)
  • Agile collaboration (Jira)
  • Figma (design systems & handoff)
Engineering Focus:
  • Component-driven architecture
  • Maintainable & reusable code
  • Performance-aware implementation
  • Mobile-first & cross-browser compatibility
?

How I work

I value clear processes and communication.

I enjoy working in structured environments where goals are well-defined and everyone understands what we’re building and why. I collaborate closely with designers and backend engineers to move ideas efficiently from concept to production.

I write simple, readable, and maintainable code.

I reduce complexity, structure components thoughtfully, and follow shared conventions so teams can scale features without friction.

I care about consistency and UX quality.

Clean implementation, predictable patterns, and attention to detail keep products stable — even under tight deadlines.

Experience

  • 2024 — 2025

    Frontend Developer · Opera Software

    Worked on production pages for opera.com in an international, fast-paced environment, collaborating with designers, backend engineers, and QA across the full development cycle.

    • Developed and maintained production pages on opera.com using Django and Wagtail CMS, including landing pages and marketing campaigns.
    • Migrated legacy static pages into structured Wagtail CMS models to improve maintainability and content scalability.
    • Performed code refactoring and accessibility improvements aligned with modern frontend standards.
    • Worked with Docker-based development environments for local development and testing.
    • Created and updated components for Opera's WordPress-based blogs, including custom PHP adjustments and layout enhancements.
    • Django
    • Wagtail CMS
    • TypeScript
    • SCSS
    • HTML
    • Docker
    • WordPress
    • PHP
    • AWS
  • 2025 — Now

    Frontend Developer · ZTT P.U.M.A. · Wrocław Medical University

    Created a modern, maintainable, production-ready bilingual website for a university department at Wrocław Medical University as part of an ongoing engagement.

    • Designed and implemented a fully customized UI, structured to meet specific academic and client requirements.
    • Implemented internationalization using next-intl to provide a seamless multilingual (Polish & English) user experience.
    • Built a responsive SCSS architecture following BEM and mobile-first principles.
    • Implemented secure contact and recruitment forms with Google reCAPTCHA v3, rate limiting, honeypot fields, and robust client/server-side input validation.
    • Automated email delivery using Nodemailer with SMTP (Gmail App Passwords), supporting dynamic recipients and file attachments.
    • Next.js
    • TypeScript
    • SCSS
    • next-intl
    • Nodemailer

Selected projects

Professional & Client Work

Opera

Maintaining & evolving opera.com

Screenshot of opera.com

Opera is one of the most recognized browser brands globally, serving tens of millions of users. The site encompasses marketing campaigns, product landing pages, blog network, and internal tooling – all maintained under continuous delivery.

As part of the frontend team, I contributed to the day-to-day development and upkeep of opera.com. My work spanned building and maintaining marketing campaigns, developing new landing pages, migrating legacy static pages into structured Wagtail CMS models, implementing code refactoring and accessibility improvements, and conducting code reviews. I also developed and updated components across Opera's WordPress-based blog network, including custom PHP adjustments. Worked in a fast-paced, international team collaborating with designers, backend engineers, and QA.

The platform is built on Django and Wagtail CMS with TypeScript and SCSS on the frontend, supported by AWS infrastructure. Development flows through GitLab CI/CD pipelines with Docker-based local environments.

  • Django
  • WagtailCMS
  • Python
  • TypeScript
  • JavaScript
  • SCSS
  • AWS
  • WordPress
  • PHP
  • CI/CD
  • GitLab
  • Jira

ZTT P.U.M.A.

Medical Research Laboratory

Screenshot of ZTT P.U.M.A. - Medical Research Laboratory

pumadott.com is the official website of the Laboratory of Unique Application Models (P.U.M.A.) at Wrocław Medical University – a research unit operating at the intersection of medicine, biology, computer science, and biotechnology.

I handled the entire project end-to-end: from UX/UI design and frontend architecture, through backend integrations and contact forms, to deployment and hosting on Vercel. The site is bilingual (Polish & English), fully accessible, and built to academic content requirements.

Features research project showcases, team profiles, publications, and collaboration opportunities. Secure contact and recruitment forms with Google reCAPTCHA v3, rate limiting, honeypot fields, and email delivery via Nodemailer. Built with Next.js 14, TypeScript, SCSS following BEM and mobile-first principles.

  • Next.js 14
  • TypeScript
  • SCSS
  • next-intl
  • Nodemailer
  • Google reCAPTCHA
  • Vercel
Learning Projects
GitHub

DoItly

Minimal Task Management App

Screenshot of DoItly - Minimal Task Management App

No priorities. No deadlines. Just do it. A focused task management app that strips away complexity and keeps users moving. Built as a full-stack learning project covering auth flows, database design, and dual persistence – localStorage for guests, Supabase for signed-in users with seamless offline-to-online sync.

Built independently as a full-stack learning project – covering architecture decisions, state management, auth flows, database design, and UX. Updated continuously with improvements to performance and accessibility.

Features dual data persistence: localStorage for guests, Supabase for authenticated users with seamless offline-to-online sync. Includes a single-input task model with multiple states (active, completed, archived, deleted), reusable templates, monthly/yearly statistics, user data export (JSON), account deletion, and GDPR-compliant privacy controls. Accessible via ARIA labels, optimized images, and lazy loading.

  • Next.js
  • TypeScript
  • Tailwind
  • Zustand
  • Supabase
GitHub

Wordly

Minimal Dictionary App

Screenshot of Wordly - Minimal Dictionary App

No noise. Just words. A fast, mobile-first dictionary app designed around content clarity – definitions and examples front and center. Integrates DictionaryAPI and Pexels image API with client-side caching and debounce-based search. Installable as a PWA with full Open Graph and dynamic metadata support.

Built independently as a learning project, with a focus on API integration patterns, performance optimization, and SEO best practices. Iterated on over time with accessibility and PWA improvements.

Integrates DictionaryAPI and Pexels image API with error handling and client-side caching. Features debounce-based search, lazy loading, dynamic metadata, Open Graph support, and a PWA manifest for installability. Accessible via ARIA labels and optimized images.

  • Next.js
  • TypeScript
  • Tailwind CSS
  • API Integration
GitHub

Eataly Restaurant

Modern Restaurant Website

Screenshot of Eataly Restaurant - Modern Restaurant Website

A restaurant concept website built to practice layout composition, component design, and responsive UI patterns. Showcases a full menu with category filtering, a dish slider, and a layout optimized across all screen sizes.

Designed and developed independently as an early learning project – focusing on building reusable components and consistent visual hierarchy.

Showcases a full menu with starters, main courses, desserts, and drinks. Features a slider for highlighted dishes, category filtering, and a responsive layout optimized across all screen sizes.

  • Next.js
  • TypeScript
  • Tailwind CSS
GitHub

Leaf-3

Participatory Budgeting Platform

Screenshot of Leaf-3 - Participatory Budgeting Platform

A civic tech concept inspired by the Legnica Participatory Budget – built to explore complex state management and data-driven UI in a real-world-like context. Users can browse and filter budget projects by ID, name, or district, with an interactive map visualization and mock voting results.

Developed independently as a learning project focused on Redux architecture, filtering logic, and interactive map integration.

Allows browsing and filtering budget projects by ID, name, or district, with an interactive map visualization and a results page displaying mock voting data.

  • Next.js
  • TypeScript
  • Tailwind
  • Redux
Back to top