About
I am a Senior Frontend & Full-Stack Engineer with 11+ years of experience building web applications in React, Next.js, TypeScript and Node.js. For the past 4 years I have led the frontend at Doccle, a document platform used by 2.5M people.
Frontend leadership: I joined Doccle as the only frontend engineer and led the move of the whole product from Grails and Angular to Next.js while shipping core features with backend engineers from several teams. At DasLab, as Technical Frontend Lead, I grew the team to 5 engineers and set up code review, testing and releases.
Architecture: At Doccle I own the frontend architecture of the Nx monorepo and built its design system of 100+ accessible components, moved every app onto it and raised test coverage to 70–80%. At Webjet I led the migration from AngularJS to Vue. At Blackbell I migrated old functionality from Backbone to Vue.
Features end to end: I shape scope with product owners and propose simpler solutions. At Doccle I built a complex payment widget that began the migration: prototype in 2 mo, MVP in 6 mo. It now runs in many apps and pages. At DasLab I chose the stack for 2 apps from scratch (patient booking, lab admin), behind 600K+ test results.
AI workflow: At Doccle my AI guidelines keep code consistent team-wide, backend included, and an agent takes a task from Jira to a merge request, which speeds up delivery and eases code review.
Teaching: I have taught 235,000+ students in 25+ courses on AI agents and web development on Udemy and Coursera, rated 4.4+ on average.
Skills
Beyond frontend: early full-stack work on PHP and MySQL. In my side projects I use Node.js and Python for the backend, work with different databases, set up hosting and deployment, and build AI workflows.
Experience
- AI workflow. Sped up feature development and code review across the team with AI. AI coding guidelines I wrote cut review comments roughly 2–3 times, and an agent I built fixes most of them on its own.
- Architecture. Owned the frontend architecture and a large Nx monorepo of about five apps: made architecture decisions on complex features with the team, analysed technical debt and planned the fixes.
- Leadership. Joined as the only frontend engineer and led the frontend. Worked directly with the CTO, team leads and engineers across teams from grooming to release and code review.
- Product focus & Features. Shaped the scope with product owners: proposed simpler ways to build features and decided what to ship first. Built the core payment widget, now used in many apps and pages.
- Performance & Data layer. Kept pages fast with pagination, infinite scroll, parallel requests, optimistic updates, lazy loading and code splitting. Built the data layer on Next.js SSR with Node.js BFF endpoints that merge service data, and TanStack Query for caching. Ran the backend and MySQL locally and wrote SQL queries for test data.
- Design system. Cut duplicated UI code across the apps several times over by building a design system from scratch: 100+ accessible components on React Aria Components. Documented in Storybook, tested in Chromatic.
- Migration. Led the migration of the apps off legacy Grails and Java with an Angular frontend to Next.js and TypeScript, shipping new features without pausing delivery.
- Quality. Increased **test coverage to 70–80%** and automated test writing with Claude Code.
Website: doccle.be/en-be
- Client. Worked inside the client's team and directly with their CTO, from requirements to release. Made the technical decisions together with the CTO and worked with them on the scope.
- Architecture. As the lead, chose the technologies and designed the architecture of two apps built from scratch, a patient booking marketplace and an admin tool for labs, and decided how to build and launch them.
- Leadership. Led the frontend: planned tasks and scope, grew the team to 5 engineers, ran interviews and reviewed code. Set up the engineering process from scratch: Jira, code review, testing and releases.
- Product focus & Features. Built the complex features behind 600K+ delivered test results and helped the backend team create the Node.js API. Suggested faster ways to build features and what to put in the scope.
- Quality. Protected the core booking and provider flows with unit, integration and E2E tests and coverage reports.
Website: daslab.health
- Client. Worked inside the client's team and directly with their project manager, from requirements to release: a small team of backend, frontend and QA on our side and a few developers on theirs.
- Architecture. Designed the frontend architecture across sub-projects on Vue.js and Nuxt.js with SSR, and covered it with unit and E2E tests. Made the architecture decisions on every major feature with backend and QA.
- Leadership. Owned the frontend engineering process: set up Jira and the team's workflow and automated parts of it. Mentored the client's junior frontend developer, reviewed code and gave product demos.
- Product focus & Features. Influenced the product owner's scope decisions and ran refinements and planning.
Website: qualsafe.org
- Leadership. Chose Vue over React for the migration and defended it to the teams. Ran Vue.js workshops for other teams, helped introduce the frontend guild and kept delivery aligned across six countries.
- Product focus & Features. As the team's only frontend developer, agreed API contracts with backend and got UI/UX improvements onto the roadmap. Delivered the search module on time for a critical client by simplifying it.
- Migration. Led the AngularJS to Vue.js migration and sped it up by teaching full-stack developers from other teams Vue.js. Introduced mock API services in the team to speed up frontend feature development.
Website: webjetbusiness.com
- Architecture. Planned the frontend architecture on Vue.js and Nuxt.js with the team and took the app from first commit to MVP in 5 months, building reusable components from the designs, so new screens reused existing UI.
- Features. Shipped a Nuxt.js admin app to run the platform, a video player that trims uploads to 30 seconds, and authorization with role management. Worked with designers and backend and reviewed teammates' code.
Website: enkonix.com/projects/heleot
- Features. Implemented Algolia search so users find content directly, and built screens for the React Native app. Integrated REST APIs with contracts agreed with backend and reviewed teammates' code.
- Migration. Led the migration of key parts of the product off legacy Backbone and Marionette onto Vue.js, rebuilding the UI on shared components used by 200+ businesses. Added unit tests around the components.
Website: blackbell.com/en
Brand websites with responsive layouts, JavaScript interactions and animations.
- Features. Built responsive layouts and custom JavaScript interactions.
- Collaboration. Worked with designers from handoff to release.
Client websites and online stores built on WordPress and OpenCart.
- Client. Gathered requirements from customers and owned delivery to release.
- Leadership. Mentored 2 developers and reviewed their code.
Websites and visual concepts for online shops, corporate sites and landing pages.
- Design. Created UI mockups in Photoshop and set the visual direction.
- Handoff. Prepared layouts for direct build.
Portfolio: behance.net/dreamstudi
Education
Side projects
235K+ students, 25+ courses on AI agents and web dev, 4.4+ rating.
Public profile: udemy.com/user/dmytro-607
An AI agent that turns my expertise into finished online courses. It plans modules and lessons from market research, explains theory with animated diagrams, re-voices my screencasts in clear English, records avatar lessons with slides and publishes them through my browser. The model works only where judgement is needed; Python scripts and code checks do the rest the same way every time.
A set of Claude Code agents for my job search. They scan 6 job boards, score each role by fixed rules I can trace, tailor my CV, fill in application forms and track replies in Notion. I review and submit every application myself, so no mistake goes out under my name.
An open-source Claude Code plugin that sets up rules, hooks and checks in any React or Next.js project. The agent follows the project's rules, and before it calls a feature done it runs formatting, lint, type, unit and end-to-end checks and opens the feature in the browser, fixing whatever fails. One command sets it up, another updates it, and it improves from my fixes.