Skilled product engineer specializing in project management and development, with a strong focus on Qt and Next.js. Leveraging extensive experience in Python and C++, I deliver custom software solutions that enhance system performance and usability. My background spans diverse fields, from aerospace to defense, where I led full-stack and integration projects. Fluent in English, French, and German, I’m committed to providing reliable, well-documented software for clients as a dedicated full-time freelancer.
Skills
Experience Level
Language
Work Experience
Education
Qualifications
Industry Experience
Overview
This project involved building a dynamic visual interface where users can explore, drag, and organize topics across a hexagonal grid, simulating a map-like coaching experience. The primary goal was to deliver a compelling visual layer backed by a structured Python-based backend, offering both interactivity and persistence. Designed with responsiveness and clarity in mind, this application demonstrates the power of combining QML for UI with Python for logic and state management.
Client
Logo
fms GmbH
Key Features
Point icon
Drag-and-Drop Interface: Built a smooth, responsive drag-and-drop system enabling users to move and position elements on the hex grid effortlessly.
Point icon
Hexagonal Grid System: Designed and calculated a custom pointy-topped hex grid layout, allowing for structured yet flexible placement of coaching topics and bridges.
Point icon
Backend-Powered State Management: All data — including tile positions, links, and objects — is managed by a Python backend, ensuring scalability and data persistence.
Point icon
Zoom & Pan Navigation: Implemented smooth zoom and panning, simulating a camera over the coaching landscape, giving users intuitive spatial control.
Point icon
Bridge & Topic Linking: Visual connections between topics are rendered dynamically, supporting multi-level coaching structures.
Technologies Used
Point icon
QML & Qt (Python): Crafted the UI using QML, powered by a robust Python backend via PySide.
Point icon
JavaScript (QML Embedded): Used for layout calculations and UI utilities.
Point icon
Custom ShapePath Rendering: Built unique hexagon visuals, including gradient-filled tiles to represent ocean and land themes.
Challenges and Learnings
The core challenge was building an intuitive drag-and-drop experience within a hexagonal layout while preserving accurate snapping, layering, and state control. Implementing smooth zooming and camera panning required precise matrix transformations, especially when scaling around the cursor. Bridging frontend interactivity with backend logic in a modular, extensible way deepened my architectural expertise and reinforced the value of clean separation between logic and interface.
Outcome
The final result is a visually rich, highly interactive map that can serve coaching, learning, or simulation tools. The blend of visual aesthetics and backend structure provides a solid foundation for expanding features such as user-specific content, progress tracking, or network-based collaboration. This project is a great example of how thoughtful UI architecture and fluid drag-and-drop mechanics can enhance digital experiences.
Hire a Project Manager
We have the best project manager experts on Twine. Hire a project manager in Tallinn today.