Keywords
Skills
My core experties lies in UI development but I'm not scared to touch server-side code or CI/CD pipelines even if it comes to that. Consider myself a jack-of-all-trades-master-of-none type of person, who is always hungry for knowledge and new challenges.
Project history
The project is an interactive map of hotels and restaurants that are owned by politically exposed people in Hungary and Central Europe. The client is one of Hungary's leading anti-corruption NGOs.
My role was to implement an internationalization feature to the project as well as to ease the update process for content editors.
RESPONSIBILITIES- Implement i18n
- Connect the application to Google Sheets to download data directly, using Google Sheet as a CMS
- Update React and other dependencies
- Improve responsive design by fixing some UI bugs
- Improve code quality by adding tests, linter, Prettier and quality gate to the CI/CD pipeline
- Technical project management
I helped to create an access control system for construction sites. Our team consisted of a cloud engineer / devOps engineer, a backend developer and an IoT developer. The team was also responsible for designing the on-site hardware and network configuration, and how to connect RFID readers to the turnstiles and to connect the whole system to the already existing worker database.
My role was to design and build the real-time dashboard for the security guards, who monitor the gates. Also to connect the whole UI to the backend using REST API and Websocket.
I was also responsible for creating the initial wireframes for the UI.
RESPONSIBILITIES- UI design (wireframing and in-browser design)
- Building the frontend single-page application using Vite, Vue.js, Pinia and Vue Router, Ant Design Vue
- Implement UI for all the IAM features (login, registration, forgot password flow)
- Implement websocket connection to monitor in real-time who is accessing the site
I've worked within a team of four (backend developer, designer and project manager and myself) to create the WordPress site and the search application that can be embedded as a widget.
I was also involved in some architectural discussions, affecting the choice of technologies used.
RESPONSIBILITIES
- Create a portable dev environment for the custom WordPress theme with Docker
- Implement a custom, light-weight WordPress theme, using the least amount of plugins and third-party code
- Lot of in-browser design since some details weren't worked out (especially in terms of responsivity) and our designer had limited availability
- Build the UI for the search-application (our backend developer built a basic HTML-only prototype with Alpine.js on which I had to add some design and UI-logic)
- Implement a custom PHP API-client inside the WordPress theme to get some articles directly from a third-party website and display them on of the pages of WordPress
I've helped to create a worker database to track health and safety certificates and site access for a major construction company. The project was also extended to track construction equipment.
The task was to create a mobile-first, single-page application that foremen and supervisors can use to check the validity of H&S and various other certificates of workers and equipment on a given construction site. As typing in such an environment would be hard, we choose to implement a QR-reader into the application which was used to scan the custom QR-codes printed from the backend system.
Our team consisted of a devOps engineer, a backend developer and myself in the role of frontend developer.
As the client only supplied us with some rudimentary mockups and not too detailed specification, it was largely up to me to figure out the exact UI/UX of the frontend. For this I've used an off-the-shelf UI library (Ant Design) with minimal branding and customization added to it.
RESPONSIBILITIES- Implement the decoupled frontend as a single-page application (Vue.js, Pinia, TypeScript, Vite)
- In-browser-design using Ant Design system
- Connect the frontend to the backend using REST API
- Implement IAM functionality, via token based authentication system
- Implement QR-scanning feature
Fernarzt.com offers scheduling video-consultations and e-prescriptions in Germany.
During my time there I had three main projects:
Improving performance on the client-facing website. The marketing team reported low performance for certain landing pages due to poor WebVital scores. My task was to investigate and improve Time To First Paint, Largest Contenful Paint, Cumulative Layout Shift and other issues on some highly dynamic (ie. all content was editable and blocks could have a large variety) page-types.
Helping to rebuild the customer facing website from a PHP-based page-by-page application to Next.js using Sanity.io as the CMS. As a part of this effort I was mainly tasked with reimplementing UI components in React + TypeScript. This task also included writting end-to-end tests in Cypress and making sure that components are accessible.
My other big project was to build a new checkout funnel for a new product category. The funnel was built in a separate monorepo using TypeScript + React and was to be installed as a package into the existing application. During this task I've learned a lot about NPM publising process and the toolchain related to modern Javascript apps (Babel, Webpack).
RESPONSIBILITIES- Building new checkout funnel using React + TypeScript
- Building reusable frontend components with React + TypeScript
- Contributing to internal UI library
- Improving SEO and Core Web Vitals
- Mentoring junior developers
- Participate in architectural discussions, mainly around end-to-end testing and accessibility
Backen.de (https://backen.de/) was Dr Oetker's digital recipe-book and community site. The project was an internal start-up within the Oetker Group so we had lot of room of experimentation with different business models and ideas, which meant continuous product iteration and development.
RESPONSIBILITIES- I've built a REST API connecting the website's monolithic CMS with the native iOS and Android applications. During this project I've learned a lot about APIs and mobile clients while adding a huge value for the business side.
- Implement re-design for the website
- Create proof-of-concept for a decoupled frontend using Nuxt.js
- Work on internal UI library for decoupled frontend
- Continuous implementation of custom Google Analytics measurements
- Customizing Magento template for online-shop
The Case Bedechka (https://thebedechkacase.com/) is an independent documentary about the destruction and conservation of urban green-spaces.
I've acted as a one-man-army, creating the web presence of the documentary. From UI design through server-setup and deployment I basically did everything, leveraging the full range of my capabilities and learning a lot on the way.
RESPONSIBILITIES- UI Design: Apart from the illustrations and logo all the website's UI was designed by me, using mostly vanilla (S)CSS
- Created a dynamic, database driven website, with most of the content editable from a custom made admin interface, using Symfony and Doctrine
- Created interactive maps, with Leaflet.js and later extended it using react-leaflet
- Used Symfony Encore to add modern frontend stack (TypeScript, SCSS, React) to a page-by-page server-rendered application
- Created a performant frontend using various optimization techniques (consistent +90% Lighthouse scores)
- Configured hosting environment and setup CI/CD pipeline using Github Actions
- Created a portable dev environment using Docker