Marek Zeman, Developer in Prague, Czech Republic
Marek is available for hire
Hire Marek

Marek Zeman

Verified Expert  in Engineering

Software Developer

Location
Prague, Czech Republic
Toptal Member Since
February 25, 2017

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

HD Network
Async/Await, Responsive Design, WebSockets, Responsive UI, Fetch API...
SYNOT Games
HTML, HTML5, CSS, CSS3, JavaScript, TypeScript, XML, Games, 2D Games...
Pixelcut Inc.
React, TypeScript, HTML, CSS, Front-end, JavaScript, Async/Await, Fetch API...

Experience

Availability

Full-time

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

2018 - PRESENT
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).
Technologies: Async/Await, Responsive Design, WebSockets, Responsive UI, Fetch API, Server Sent Events (SSE), JavaScript 6, HTML UI, Drag & Drop, Responsive Web Design (RWD), Sockets, User Interface (UI), GitHub, Git, API Integration, DOM, Web Development, Web UI, Storybook, REST APIs, REST, Front-end Development, Front-end Design, Front-end, APIs, Ajax, Version Control, SVG, ECMAScript (ES6), ES6 Promises, SCSS, JSON, HTML, Node.js, CSS3 Animation, TypeScript, HTML5, CSS3, Sass, CSS, JavaScript, Responsive Layout, Vanilla JS, ES7, User Experience (UX), Full-stack, Chrome Developer Tools, Jest, TypeScript 2, Web Performance Optimization (WPO), Web App Development, IntelliJ IDEA, XML, TypeScript 3, TypeScript 4, TypeScript 5, Debugging, ES5

Front-end Game Developer

2023 - 2023
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.
Technologies: HTML, HTML5, CSS, CSS3, JavaScript, TypeScript, XML, Games, 2D Games, Adobe Photoshop, Photoshop CC, TexturePacker, Debugging, ES5

Front-end React Developer

2023 - 2023
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.
Technologies: React, TypeScript, HTML, CSS, Front-end, JavaScript, Async/Await, Fetch API, Git, GitHub, JavaScript 6, Front-end Development, Front-end Design, Canvas, Version Control, SVG, ES6 Promises, ECMAScript (ES6), JSON, HTML5, CSS3, Vanilla JS, ES7, Chrome Developer Tools, TypeScript 2, TypeScript 3, TypeScript 4, TypeScript 5, WebStorm, Web App Development, Tailwind CSS, Debugging, ES5

Front-end and Unity Developer

2023 - 2023
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.
Technologies: Next.js, React, JavaScript, CSS, Non-fungible Tokens (NFT), Startups, Ethereum, MetaMask, TypeScript, Async/Await, CSS3, CSS3 Animation, HTML, HTML5, HTML5 Video, HTML5 Canvas, WebGL, Unity, Responsive Design, WebSockets, Socket.IO, JavaScript 6, Git, GitHub, Responsive Web Design (RWD), API Integration, Fetch API, DOM, Web Development, Web UI, REST APIs, REST, Front-end Development, Front-end Design, Front-end, APIs, Ajax, Version Control, SVG, ECMAScript (ES6), ES6 Promises, SCSS, Node.js, Responsive Layout, Vanilla JS, ES7, User Experience (UX), Chrome Developer Tools, TypeScript 2, TypeScript 3, Web App Development, IntelliJ IDEA, WebStorm, Web3, TypeScript 4, TypeScript 5, Tailwind CSS, Debugging, ES5

Senior Software Engineer, Front End/UI

2022 - 2022
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.
Technologies: React, HTML, CSS, JavaScript, TypeScript, Ajax, Async/Await, Responsive Design, Responsive UI, Responsive Web Design (RWD), Git, GitHub, API Integration, User Interface (UI), ECMAScript (ES6), ES6 Promises, SCSS, HTML5, CSS3, React Hooks, React Redux, CSS3 Animation, Redux, Sass, JSX, Jira, TypeScript 2, Web Performance Optimization (WPO), Responsive Layout, REST APIs, DOM, Web App Development, Web Development, Web UI, REST, Front-end Development, Front-end, IntelliJ IDEA, JSON, Chrome Developer Tools, ES7, Version Control, TypeScript 3, TypeScript 4, TypeScript 5, Debugging, ES5

React Developer

2021 - 2022
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.
Technologies: HTML, HTML5, CSS, CSS3, Vanilla JS, JavaScript, JavaScript 6, Ajax, Fetch API, React, MobX, ES6 Promises, Responsive UI, Responsive Design, Responsive Layout, SVG, Axios, Async/Await, Drag & Drop, GitHub, Git, API Integration, DOM, Web Development, Web App Development, Storybook, Web UI, User Interface (UI), REST APIs, REST, Front-end Development, Front-end Design, JSON, TypeScript, ES7, Styled-components, User Experience (UX), Figma, Chrome Developer Tools, Jira, HTML UI, React Hooks, CSS3 Animation, JSX, TypeScript 2, Web Performance Optimization (WPO), React Redux, Jest, Front-end, IntelliJ IDEA, Sass, ECMAScript (ES6), Version Control, TypeScript 3, TypeScript 4, TypeScript 5, Debugging, ES5

Web Developer

2012 - 2022
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.
Technologies: Videos, jQuery, JavaScript, CSS3, HTML5, Sass, CSS, Vanilla JS, Responsive Layout, Responsive Design, CSS3 Animation, Ajax, User Experience (UX), Chrome Developer Tools, Event-driven Architecture, PHP, SVG, User Interface (UI), Web UI, Web Development, DOM, GitHub, Web Design, Drag & Drop, HTML UI, ES6 Promises, Node.js, TypeScript, SCSS, Async/Await, Responsive UI, Fetch API, Web Performance Optimization (WPO), JSX, Databases, NoSQL, Figma, Web Components, Git, API Integration, REST APIs, Web App Development, REST, Front-end Development, Front-end, IntelliJ IDEA, Google Maps API, Bootstrap, Google Maps JavaScript API 3, XML, Google Maps, HTML, JSON, ECMAScript (ES6), Version Control, TypeScript 2, TypeScript 3, TypeScript 4, TypeScript 5, Debugging, ES5

WordPress Developer

2020 - 2020
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.
Technologies: jQuery, JavaScript, CSS, HTML5, WordPress, HTML, Front-end, Front-end Development, Web Development, Web Design, DOM, Front-end Design, Responsive Web Design (RWD), Responsive UI, Responsive Layout, Vanilla JS, Responsive Design, User Experience (UX), Chrome Developer Tools, PHP, User Interface (UI), Web UI, HTML UI, CSS3 Animation, CSS3, Web Performance Optimization (WPO), IntelliJ IDEA, ECMAScript (ES6), Debugging, ES5

Senior Front-end Developer

2020 - 2020
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.
Technologies: Responsive Design, Front-end Development, Front-end Design, Front-end, Capture One, Git, Version Control, SVG, HTML5, HTML, CSS3 Animation, CSS3, CSS, JavaScript, Responsive Layout, Vanilla JS, Async/Await, User Experience (UX), Chrome Developer Tools, User Interface (UI), Web UI, Web Development, GitHub, HTML UI, Node.js, TypeScript, Sass, SCSS, Responsive UI, Web Performance Optimization (WPO), DOM, IntelliJ IDEA, ECMAScript (ES6), TypeScript 2, TypeScript 3, Debugging, ES5

Senior Front-end Developer

2020 - 2020
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.
Technologies: Version Control, Front-end Design, JavaScript, CSS, CSS3, HTML5, HTML, Front-end, Front-end Development, Git, Sass, React, Ajax, TypeScript, Axios, Responsive Layout, Vanilla JS, Async/Await, Responsive Design, CSS3 Animation, SCSS, ES7, Styled-components, User Experience (UX), Chrome Developer Tools, SVG, Webpack, RxJS, User Interface (UI), Web UI, Web Development, GitHub, Drag & Drop, HTML UI, ES6 Promises, React Hooks, Node.js, Fetch API, JSX, Jira, TypeScript 2, Web Performance Optimization (WPO), Responsive UI, Figma, API Integration, REST APIs, DOM, Web App Development, REST, IntelliJ IDEA, SharePoint, JSON, ECMAScript (ES6), SharePoint PnP, TypeScript 3, Debugging, ES5

SharePoint React Developer

2019 - 2020
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.
Technologies: Version Control, Async/Await, Git, APIs, REST APIs, Front-end Development, Front-end, Ajax, JavaScript 6, ES6 Promises, ECMAScript (ES6), JSON, SharePoint PnP, SharePoint, React, TypeScript, HTML, HTML5, CSS3, SCSS, Sass, CSS, JavaScript, Responsive Layout, Google Material Design, Material UI, Chrome Developer Tools, User Interface (UI), Web UI, Web Development, GitHub, HTML UI, JSX, Jira, TypeScript 2, Web Performance Optimization (WPO), Responsive UI, API Integration, DOM, Web App Development, REST, IntelliJ IDEA, TypeScript 3, Debugging, ES5

Senior Front-end Developer

2019 - 2020
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.
Technologies: Responsive Design, Responsive UI, Swagger, Async/Await, ES6 Promises, JavaScript 6, HTML UI, Drag & Drop, Web Design, Responsive Web Design (RWD), User Interface (UI), Front-end Design, API Integration, REST APIs, DOM, Web Development, Web UI, GraphQL, Front-end Development, Front-end, REST, APIs, Angular CLI, Ajax, Git, Version Control, SVG, ECMAScript (ES6), JSON, Jira, Redux, Angular, TypeScript, HTML, HTML5, CSS3 Animation, CSS3, SCSS, Sass, CSS, JavaScript, Axios, Responsive Layout, Chrome Developer Tools, RxJS, GitHub, Web Performance Optimization (WPO), User Experience (UX), Figma, Angular Material, Web App Development, IntelliJ IDEA, Styled-components, TypeScript 2, TypeScript 3, Debugging, ES5

WordPress Developer

2019 - 2019
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.
Technologies: Responsive UI, Responsive Web Design (RWD), Front-end Design, DOM, Web Design, Web Development, Front-end Development, Front-end, HTML, WordPress, CSS3 Animation, HTML5, CSS, JavaScript, jQuery, Responsive Layout, Vanilla JS, Responsive Design, User Experience (UX), Chrome Developer Tools, PHP, User Interface (UI), Web UI, HTML UI, CSS3, Web Performance Optimization (WPO), IntelliJ IDEA, ECMAScript (ES6), Debugging, ES5

Senior Vue, Nuxt, and MongoDB Developer

2019 - 2019
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.
Technologies: Async/Await, Responsive Design, Responsive UI, Web Design, Responsive Web Design (RWD), User Interface (UI), Web UI, Front-end Design, Front-end Development, Git, Version Control, PHP, Sass, JavaScript 6, Vue 2, Ajax, REST APIs, REST, API Integration, APIs, HTML5 Video, Drag & Drop, HTML UI, HTML5, JavaScript, ECMAScript (ES6), ES6 Promises, Full-stack, Front-end, Databases, NoSQL, CSS3, CSS3 Animation, WordPress, Vuex, Nuxt.js, Node.js, MongoDB, CSV, JSON, SVG, SCSS, CSS, HTML, Vue, Responsive Layout, User Experience (UX), Chrome Developer Tools, Event-driven Architecture, Web Development, GitHub, Web Performance Optimization (WPO), DOM, Web App Development, IntelliJ IDEA, Debugging, ES5

Angular Developer

2017 - 2018
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.
Technologies: Google Maps JavaScript API 3, RxJS, ECMAScript (ES6), ES6 Promises, NgRx/store, NgRx, SCSS, Sass, JSON, Version Control, User Interface (UI), REST APIs, REST, HTML UI, Git, Web UI, Web Development, Responsive Web Design (RWD), Responsive UI, Front-end Development, Front-end Design, Front-end, Responsive Design, Google Maps API, Google Maps, CSS3, CSS, HTML, Ajax, Bootstrap, TypeScript, Swagger, Angular, JavaScript, Responsive Layout, Vanilla JS, Google Material Design, Material UI, Chrome Developer Tools, SVG, GitHub, Web Performance Optimization (WPO), Angular Material, API Integration, DOM, Web App Development, IntelliJ IDEA, HTML5, CSS3 Animation, TypeScript 2, TypeScript 3, Debugging, ES5

JavaScript and Angular Developer

2015 - 2017
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.
Technologies: Immutable.js, Angular CLI, Angular, AngularJS, TypeScript, jQuery, JavaScript, CSS3, HTML5, CSS, Vanilla JS, Responsive Design, CSS3 Animation, Ajax, Webpack 2, Chrome Developer Tools, XML, Webpack, User Interface (UI), Web UI, Web Development, GitHub, HTML UI, ES6 Promises, Node.js, Web Performance Optimization (WPO), Express.js, Responsive Layout, Responsive UI, Angular Material, Git, API Integration, REST APIs, DOM, Web App Development, RxJS, REST, Front-end Development, Front-end, IntelliJ IDEA, Sass, Google Maps API, Bootstrap, HTML, JSON, SCSS, ECMAScript (ES6), SVG, Version Control, TypeScript 2, TypeScript 3, Debugging, ES5

Angular Developer

2016 - 2016
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.
Technologies: ES6 Promises, User Interface (UI), Git, REST APIs, Web Development, Web UI, REST, Front-end Development, Front-end, APIs, NgRx/store, NgRx, Angular CLI, Ajax, Version Control, SVG, ECMAScript (ES6), JSON, HTML, Angular, TypeScript, HTML5, CSS3, Sass, CSS, JavaScript, Responsive Design, Webpack 2, Chrome Developer Tools, Webpack, GitHub, HTML UI, SCSS, Async/Await, Responsive UI, Responsive Layout, Web Performance Optimization (WPO), Angular Material, API Integration, DOM, Web App Development, RxJS, IntelliJ IDEA, CSS3 Animation, TypeScript 2, TypeScript 3, Debugging, ES5

Web Developer

2013 - 2014
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.
Technologies: Animated GIFs, Videos, jQuery, JavaScript, CSS3, HTML5, Sass, CSS, Responsive Layout, Vanilla JS, Responsive Design, CSS3 Animation, Ajax, User Experience (UX), Socket.IO, Chrome Developer Tools, XML, SVG, User Interface (UI), Web UI, Web Development, GitHub, Web Design, HTML UI, HTML5 Video, ES6 Promises, Web Performance Optimization (WPO), Express.js, Responsive UI, Git, API Integration, REST APIs, DOM, Web App Development, REST, Front-end Development, Front-end, IntelliJ IDEA, Google Maps API, Bootstrap, PHP, WordPress, Google Maps, Google Maps JavaScript API 3, HTML, JSON, SCSS, Version Control, Debugging, ES5

Umito.cz | Nearby Worker Search Site (Ongoing)

This is a single-page application built on a custom pure JavaScript system. The system uses the Google Maps API to search, filter by distance, availability, or hourly rate—then display nearby workers on a map.

BeVisionare | Website

https://www.awwwards.com/sites/visionare
A scrolling interactive single-page presentation with gorgeous CSS animations for certain situations/scenarios. I used custom scroll and animation handler/scripts. All animations are created with CSS3 with a fallback to jQuery.

Survey System for Toptal Client

A Node.js, Vue.js, Nuxt.js, and MongoDB-based survey system.
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

Because I love to study new things, I decided to create a simple WebRTC video chat app. The front-end was built with simple, pure HTML, CSS, and no-library JavaScript compiled from TypeScript. We don't need to have a server for WebRTC calling, but it is a lot easier to use a server to connect two browsers. The server was built with few lines of JavaScript and runs on Node.js, again without any external library. To notify the server, I used a simple fetch/Ajax request; to notify the user, I used a few SSE (server-sent events).

GitHub Gist

https://gist.github.com/MarekZeman91
Collection of my gists, small chunks of code, notes, and snippets that can be shared.

Here 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/
The collection of some of my mini-test projects, codes, snippets, and pens. This collection is not exactly up to date, but there might be some code that might interest you. Feel free to look around and do some testing.

Adys Music

http://adysmusic.cz
The presentation page for a Czech music band. This was a solo project. I was in charge of everything from the front to the back end. I designed and coded the entire page. It is written in pure HTML, CSS, and JavaScript, with no libraries used.

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

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring