Marek Zeman
Verified Expert in Engineering
Software Developer
Marek has more than 15 years of professional experience from good old jQuery to all modern web frameworks and technologies. He is very ambitious, passionate, and he loves to study new things. Marek specializes in front-end technologies, performance and user experience, but he can also create a flexible back-end API with Node.js and MongoDB.
Portfolio
Experience
Availability
Preferred Environment
JavaScript, Vue, React, Angular, TypeScript, Version Control, Svelte, Solid, Preact, WebStorm
The most amazing...
...thing I've ever built was a framework for building website content from custom components—long before Angular or React were popular or even released.
Work Experience
Senior Front-end Developer
HD Network
- Created a custom framework from scratch with custom templates and dynamic components with JIT renderer.
- Built smart and dynamic SVG icon sets with design and coloring options via CSS variables.
- Created responsive layouts with slots for easy re-use.
- Constructed administration pages with a micro-component script.
- Created Storybook examples with custom components and custom Storybook plugins.
- Created multiple advanced admin pages with drag-and-drop features using custom components.
- Updated existing site admin templates with support for custom components.
- Created Node.js watchers and builders for rebuilding and reloading project with server-sent events (SSE).
Front-end Game Developer
SYNOT Games
- Worked on a new gambling game in the company's proprietary framework based on XML templates and JavaScript/TypeScript logic.
- Worked on the company's proprietary framework enhancements and fixes, resulting in faster and easier development.
- Created new game templates, screens, and assets with XML.
- Exported and optimized graphical game assets using TexturePacker, Adobe Photoshop 2024, and other tools.
- Helped with debugging multiple Chrome extensions interfering with the game system.
- Educated co-workers about modern browser features, modern frameworks, best practices, and code optimizations.
Front-end React Developer
Pixelcut Inc.
- Developed new features for an online image editor.
- Fixed code bugs and enhanced a few existing features.
- Tracked work progress by using Linear.app and Git.
- Optimized overall project loading and caching process.
Front-end and Unity Developer
ZTX Foundation Ltd
- Engaged in a crypto metaverse initiative. Tracked, reported, and fixed bugs using Jira and GitHub.
- Migrated the website project to a new version of Next.js.
- Implemented a Web3 MetaMask wallet and Google login.
- Added a signals support for React component to replace nested state sharing.
- Created a bridge between the WebGL canvas, iframe, and parent window to allow React and Unity WebGL communication. This was necessary after moving the Unity WebGL into iframe to fix performance and "on destroy crash" issues.
- Enhanced and optimized Unity and WebGL or React communication by rewriting multiple React bridge methods.
- Built a Unity to React or WebGL socket-controlled bridge, allowing the developer to test new features directly in the Unity editor while using the website's API calls and Web3 login.
- Worked on the Unity user interactions recorder and replay system.
Senior Software Engineer, Front End/UI
Nexla
- Tracked, reported, and fixed bugs using Jira and GitHub.
- Introduced TypeScript to the whole project and created numerous features with TypeScript.
- Implemented Monaco Editor and Monaco Diff tool and replaced the current usage of a different WYSIWYG system.
- Fixed ongoing issues with the responsive layout on fairly complicated pages.
- Created a powerful custom input with syntax highlighting, autocomplete ability and a fairly simple API. Later I implemented this input as a part of a custom ReactSelect component for better and more user-friendly autocomplete and select-like usage.
- Developed various custom React hooks for sync and async workflow.
- Extended data flow with React Context and fixed wrong Redux usage in a few places.
React Developer
Cookie.AI, Inc.
- Worked on critical user-interface components for a cloud-based security solution for tracking, monitoring, and visualizing user and system access, privileges and detecting vulnerabilities.
- Tracked, reported, and fixed bugs using Jira as a reporting tool.
- Developed various custom React hooks for sync and async workflow: useArrayState, useAutocomplete, useBrowserStorage, useClickOutsideListener, useDebouncer, useDragging, useEffectAsync, useResizing, useScope, useSelection, and useSorting.
- Fixed bugs in existing components and added new functionality.
- Optimized and strongly improved performance for script evaluation, components rendering, and enhanced project interaction speed, mainly in components like table, dropdown, modal and SVG graph.
- Reworked a few components with more advanced, optimized, and customization-ready versions.
- Created globally used and shared components. Some were dummy components, and some with advanced logic and custom hooks: Modal, Dropdown, Menu, Select, Notifications, ListItem, LoadingBlock, Tooltip, and PrintPDF (components used for printing).
- Updated usability, added functionality, and highly optimized rendering performance of a vast SVG graph.
- Created tools for table column sorting, reordering, toggling column visibility and resizing, and selecting table rows.
Web Developer
clickone s.r.o.
- Created reusable jQuery plugins for the client's needs.
- Developed responsive sites and applications and optimized site layouts.
- Built a drag-and-drop JavaScript system used for designing page content.
- Created custom JavaScript libraries to omit the need for larger external resources.
- Implemented REST APIs and created multiple file upload scripts.
- Helped grow client's codebase with reusable code snippets, web templates, and knowledge.
- Created multiple Node.js servers for static/dynamic content.
WordPress Developer
Foto Kateřina
- Developed script to lazy-load images in a WordPress theme.
- Optimized sizes and quality of images used in WordPress carousel.
- Optimized the whole site with responsive changes to support mobile and tablet devices.
- Fixed minor site glitches due to CSS issues and compatibility.
Senior Front-end Developer
Hochman & Partners
- Designed a whole website according to the client's needs and requirements.
- Captured and edited photos of company members for presentation purposes.
- Coded fully responsive static website from prepared design.
- Implemented animations and transitions for more natural interactions.
- Created a static server in Node.js with basic routing.
Senior Front-end Developer
European Code Factory s.r.o.
- Created a script for Matrix-like animation for the presentation page.
- Optimized company website JavaScripts for better performance.
- Updated company website with responsive fixes and new features.
- Revamped company website with lazy-loaded images and layout improvements.
- Created drag-and-drop feature in the admin section on functional React.
- Worked on a new system user interface for https://www.skoda-auto.cz.
- Coached and reviewed the performance of one front-end React junior developer. Helped her grow quickly into a better JavaScript, TypeScript, and React developer.
- Used JavaScript and Node.js for helper and optimization tools.
SharePoint React Developer
Linde Gas
- Reworked a big part of the project to a faster and more optimized version.
- Removed a lot of duplicated code and re-implemented some logic in a much better and faster way.
- Updated scheduling part of the site with dates validation logic, design optimizations, and visual feedback.
- Reimplemented Ajax request with SharePoint PnP library.
- Built a SharePoint-friendly multi-image uploading service.
- Reimplemented RTE with new features and support for SharePoint and added a floating editor toolbar.
- Interviewed, coached, and reviewed the performance of one front-end React junior developer and helped her grow quickly to a more advanced level.
Senior Front-end Developer
Skoda Auto s.r.o.
- Worked on a large multi-module warehouse organizer.
- Created drag and drop flow for easier shipment and delivery organization.
- Created multiple Angular modules, pages, services, many components, and other features.
- Updated site layout with responsive changes to work better on smaller screens and devices.
- Created a planning calendar component with drag and drop functionality for scheduling and organizing events.
WordPress Developer
DEKOR STUDIO PRAHA
- Developed script to lazy-load images in a WordPress theme.
- Optimized sizes and quality of images used in WordPress carousel.
- Optimized the whole site with responsive changes to support mobile and tablet devices.
Senior Vue, Nuxt, and MongoDB Developer
Skill Stamp LLC
- Updated an existing Vue project with security and numerous speed optimizations.
- Created a page-content builder with Vue components and user-friendly inline editing options.
- Exported, imported, and manipulated JSON and CSV data from the custom content editor.
- Performed MongoDB manipulations and optimizations.
- Implemented responsive CSS changes to ensure correct display on mobile devices.
- Created a complete survey system on Nuxt with Vue components using MongoDB and Node.js data manipulations.
- Created a custom WordPress blog responsive theme from scratch.
Angular Developer
Boyle Transportation
- Developed script to display custom Google Maps marker in the shape of a truck which mirrored rotation of a real truck created using Canvas.
- Fixed reported bugs causing site performance issues.
- Created new HTML UI elements/components from provided designs.
- Optimized existing components with RxJS changes and new features.
- Updated site layout with responsive optimizations.
JavaScript and Angular Developer
Physter Services a.s.
- Created an AngularJS single-page application built with Gulp.
- Developed an AngularJS upload directive and component.
- Built an AngularJS translation directive with auto-recognition functionality.
- Created an Angular lazy-load extensible administration system.
- Worked on API to ADMIN page implementation for Telefonica O2 Czech Republic.
- Created a build and search/replace tools on Node.js.
Angular Developer
Komerční banka a.s.
- Worked on new Angular UI components using the pre-defined color theme.
- Worked on a new loan application process with many forms, NgRx store and custom fields components.
- Worked on security optimizations and validity of user data.
Web Developer
MADEO
- Created custom onScroll point-trigger system for smooth animations and interactions.
- Developed reusable jQuery plugins and enhanced existing workflows.
- Built a video presentation system with an interactive map. By clicking on mapped points you can travel through the presentation with different videos representing change of times and different perspectives.
- Developed many responsive sites and applications with beautiful interactions.
- Created modern responsive email templates for our clients.
- Created full admin front-end system with modern layout, reusable parts and great UX.
Experience
Umito.cz | Nearby Worker Search Site (Ongoing)
BeVisionare | Website
https://www.awwwards.com/sites/visionareSurvey System for Toptal Client
My task was to build the entire survey system. The back-end part was created on top of Nuxt.js to help with the Vue.js front-end server-side rendering. Vue.js with custom-made components powered the front-end. Since the client was using MongoDB, I prepared and implemented additional collections for our needs.
WebRTC Example Project
GitHub Gist
https://gist.github.com/MarekZeman91Here you can find my collection of gists I created. Most of my gists were used in real projects, some not.
CodePen Mini Projects, Codes, Snippets, and Pens
https://codepen.io/MarekZeman91/Adys Music
http://adysmusic.czSkills
Languages
JavaScript 6, Sass, TypeScript, ECMAScript (ES6), ES7, JavaScript, CSS, HTML, CSS3, SCSS, HTML5, TypeScript 2, TypeScript 3, ES5, XML, GraphQL, PHP
Frameworks
Angular, Redux, AngularJS, Angular Material, Material UI, Express.js, Bootstrap, Next.js, Tailwind CSS, Svelte, Jest, Swagger, Nuxt.js, Vanilla JS, Unity, Unreal Engine 4
Libraries/APIs
Vue 2, REST APIs, React, Vue, jQuery, React Redux, Preact, NgRx, NgRx/store, Socket.IO, Sockets, Google Maps API, Node.js, Google Maps JavaScript API 3, Immutable.js, Vuex, Solid, Google Maps, RxJS, WebRTC, MobX, HTML5 Canvas, WebGL
Tools
JSX, IntelliJ IDEA, Webpack 2, Chrome Developer Tools, Adobe Photoshop, Photoshop CC, Angular CLI, Jira, Git, GitHub, Figma, Webpack, MetaMask, WebStorm, Canvas
Paradigms
REST, Responsive Web Design (RWD), Event-driven Architecture, Web Performance Optimization (WPO), Responsive Layout
Storage
JSON, NoSQL, MongoDB, Databases
Other
Front-end, Front-end Development, DOM, ES6 Promises, Fetch API, Responsive UI, Responsive Design, Async/Await, CSS3 Animation, React Hooks, TypeScript 4, TypeScript 5, Ajax, Styled-components, APIs, Storybook, Web UI, Web Development, Web App Development, API Integration, Front-end Design, Full-stack, Google Material Design, Web Components, User Experience (UX), User Interface (UI), Drag & Drop, HTML UI, Server Sent Events (SSE), WebSockets, SVG, Capture One, Debugging, SharePoint PnP, Version Control, Videos, Animated GIFs, CSV, HTML5 Video, HTML5 Audio, Axios, Non-fungible Tokens (NFT), Startups, Web3, Unreal Engine 5, Games, 2D Games, TexturePacker
Industry Expertise
Web Design
Platforms
SharePoint, WordPress, Ethereum
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
Share your needs
Choose your talent
Start your risk-free talent trial
Top talent is in high demand.
Start hiring