Martina Zrnec, Developer in Zagreb, Croatia
Martina is available for hire
Hire Martina

Martina Zrnec

Verified Expert  in Engineering

Web Developer

Location
Zagreb, Croatia
Toptal Member Since
December 8, 2019

玛蒂娜积极主动，渴望每天学习更多，并在任何需要的地方做出贡献. She gained experience working in a fast-paced, 多元文化创业公司，每周编写新功能和部署. 她是一名专注于JavaScript技术和MERN堆栈的全栈开发人员. She has a strong focus on getting things done and understanding a business, and she is moved by the actions taken by individuals every day. Martina ensures the focus is on tangible results.

ReactFront-endUser Experience (UX)User Interface (UI)Full-stackResponsive UIMERN StackChrome ExtensionsCSSMacOSREST APIsJavaScriptHTML5GitWebStormKlaviyo APIAxiosStripeWebhooksJWTLocalization

Portfolio

IMO Interns
Agile, Agile Software Development, TypeScript, React, GraphQL, CTO...
Exemplar Human Services, LLC (via Toptal)
React, HTML, CSS, JavaScript, React Query, Jira, REST, REST api, Agile, Axios...
Toptal
Agile Software Development, React, Node.js, Jira, Trello, Stripe, Stripe API...

Experience

JavaScript - 8 yearsResponsive UI - 7 yearsReact - 5 yearsAgile Software Development - 4 yearsMERN Stack - 4 yearsJira - 4 yearsLeadership - 3 yearsMongoDB - 3 years

Availability

Part-time

Preferred Environment

Visual Studio Code (VS Code), Git, React, Node.js, PWA, Figma, Scrum, MacOS, JavaScript, Team Leadership

The most amazing...

...我从公司角度改进的是，通过连接到我们的内部CD流程(deployBot)，将工程团队添加的内容删除到无头CMS中。.

Work Experience

Fractional CTO

2024 - PRESENT
IMO Interns
  • 打破了开发内部时间管理应用程序或将其与现有解决方案集成的决定.
  • 创建了一个利弊列表，其中包含了我们自己实现的成本/收益的几个选项. After this, the decision was easy to go with an existing solution.
  • Moved the team from not being led to focused, sprint-orientated development with small, incremental tasks to boost the morale of getting stuff done.
  • 实现了邀请客户到应用程序并向他们发送电子邮件的自动化，从手动工作到使用我们的管理平台. Utilized Signaturely and Encharge for capturing webhooks and sending emails.
  • 监督集成时间管理应用程序的开发，并确保代码符合最新标准.
Technologies: Agile, Agile Software Development, TypeScript, React, GraphQL, CTO, Team Leadership, NestJS

Front-end Lead

2023 - PRESENT
Exemplar Human Services, LLC (via Toptal)
  • Defined the front-end architecture, as well as which libraries to use and why—with appropriate documentation.
  • 基于Figma设计开发整个应用程序，创建独特的路径和角色. 实现了带有安全私有路由的React Router，供worker和client使用.
  • Used React Query with Axios for fetching the data and storing context.
  • Implemented i18n library for localization, added language switcher, and implemented the entire website in two languages.
  • Created 122 tests using Jest, React Testing Library, and MSW to ensure fewer bugs and seamless website usage.
Technologies: React, HTML, CSS, JavaScript, React Query, Jira, REST, REST api, Agile, Axios, Sass, Agile Software Development, ESLint, TypeScript, Jest, React Router, i18n, Localization, Yup, MSW, User Experience (UX), User Interface (UI)

Full-stack Web Developer

2019 - PRESENT
Toptal
  • Developed the entire front-end UI components from Figma designs into React. Added PWA experience.
  • Brainstormed with clients about development paths, what to build and what not to build, proof of concept, scaling, and making robust applications.
  • Constructed the web architecture with leadership divided over two employees.
  • 集成的条纹API与试用期，每月和每年订阅，和取款.
  • Utilized Node.js with Express.js on the back end, with session cookies and JWT tokens, expiring tokens, and refreshing and storing new ones.
  • Deployed React for the front end using Heroku and Node.js for the back-end applications with add-ons to track servers' performance, send emails, and use the DB. 在不同的集群上使用Atlas DB用于阶段和生产环境.
  • 合并ESLint和Prettier，使代码库在开发人员和未来的编码人员之间可读. Used Git for the version control system for Toptal projects.
Technologies: Agile Software Development, React, Node.js, Jira, Trello, Stripe, Stripe API, Bootstrap, Styled-components, Axios, JSON Web Tokens (JWT), Heroku, CI/CD Pipelines, MongoDB, Express.js, Git, React Redux, Front-end, MERN Stack, Full-stack, HTML5, REST APIs, CSS, Visual Studio Code (VS Code), Redux, APIs, MacOS, Moment.js, Mongoose, Leadership, PWA, Figma, Progressive Web Applications (PWA), Scrum, TypeScript, Team Leadership, Web Architecture, Responsive UI, Software Architecture, Google Ads API, JavaScript, CSS3, HTML, User Experience (UX), User Interface (UI)

Front-end Developer

2023 - 2023
Celebrate Company GmbH
  • Developed admin application for complaints of specific products. It was a CRUD application to add, edit, update, and delete complaints.
  • Added front-end tests covering all functionalities created.
  • Contributed in two weeks sprint cycle with planning and tracking progress.
Technologies: TypeScript, JavaScript, React, Jest, Webpack, Tailwind CSS, CSS, CSS3, Git, Agile Software Development, React Redux, Front-end, MERN Stack, HTML5, HTML, Testing, Figma

Engineering Manager

2022 - 2022
Kencko
  • 通过将分析集中在一个地方的清晰路径，直接支持营销和增长团队的工作. 通过使用GTM，把所有东西都放在那里，给了他们更多的独立性.
  • Improved internal systems as a front-end lead by creating CI/CD pipeline, making content creators independent from developers. 在Contentful中输入的内容触发了DeployBot管道并更新了Shopify中的主题.
  • Helped in creating the company's culture as the engineering manager. Embraced Agile methods after the constant firefighting mode the team was in.
  • Led the team to adapt to the complete localization of content.
Technologies: JavaScript, Angular, React, CSS, HTML5, Next.js, Contentful, Jira, Storybook, DeployBot, Shopify, Liquid, Typeform.io, Analytics, Figma, Localization, Klaviyo, SendGrid, AngularJS, APIs, REST APIs, Team Leadership, Remote Team Leadership, Responsive UI, Architecture, Software Architecture, Engineering Management, Hiring, Key Performance Indicators (KPIs), CSS3, Git, Front-end, MERN Stack, Redux, HTML, Leadership, eCommerce, User Interface (UI)

Web Developer

2019 - 2020
CIAL Dun & Bradstreet
  • 开发了一个完整的管理平台来支持我们在当地国家的销售团队.
  • 构建一个公共功能和组件库，以便在多个内部项目中重用.
  • Worked mainly as a full-stack JavaScript engineer.
  • Created and maintained redux forms throughout the platform.
  • Checked and fixed the overall functionality of the application.
Technologies: Agile Software Development, Git, MongoDB, JavaScript, Node.js, Redux Form, React Redux, Redux, React, Front-end, MERN Stack, Full-stack, HTML5, REST APIs, Express.js, Bootstrap 3, CSS, CSS3, Docker, APIs, HTML, REST, MacOS, Moment.js, Bugsnag, Mongoose, Lodash, Testing, Scrum, TypeScript, Jira, Web Architecture, Visual Studio Code (VS Code), Responsive UI

Web Developer | Team Lead

2016 - 2019
Vibby
  • 构建了一个视频播放器管理系统，该系统结合了来自第三方播放器api(如YouTube)的资源, Vimeo, Twitch, Brightcove, JW Player, Facebook, and HTML5 native player.
  • Developed a Chrome extension for the YouTube website, 使用我们的视频播放器管理系统，使所有功能，而直接观看视频.
  • Made deployment process automated by creating an CI/CD system via Jenkins.
  • 在AWS、Elastic Beanstalk、负载平衡器和安全组上构建DevOps环境.
  • 编写一个脚本，插入到有视频的页面上，剪掉最好的部分.
  • Supported and maintained our video player management system while desktop, mobile browsers, and video player APIs were altered and/or updated.
  • 扩展了视频播放器管理系统的功能，增加了以任何方式排序突出显示元素的功能，并添加了多个视频源来剪切最好的部分.
  • Mentored junior and mid-level team members and onboarded new developers.
Technologies: Chrome Extensions, Amazon Web Services (AWS), Agile Software Development, Jenkins, Elasticsearch, MongoDB, Node.js, AngularJS, React, Front-end, MERN Stack, Full-stack, HTML5, REST APIs, WebStorm, Angular, Express.js, Bootstrap 3, CSS, Redis, APIs, HTML, REST, MacOS, Moment.js, Passport.js, AWS Elastic Beanstalk, Load Balancers, Mongoose, Lodash, Redux Thunk, Webhooks, Leadership, Testing, Scrum, Jira, Team Leadership, Web Architecture, JavaScript, Git, Visual Studio Code (VS Code), Bootstrap, Axios, Responsive UI, Architecture, Software Architecture, Analytics, CSS3, React Redux, Redux

Web Developer

2015 - 2016
Magnises
  • Integrated a payment flow connecting to Stripe API.
  • 使用Mailchimp向用户发送有关新事件和通知的电子邮件.
  • Developed a back-end validation for users to have different roles and views.
  • 创建了一个地图，用户可以看到附近发生的每个事件的位置.
  • Developed an admin panel for internal use, managing user-profiles and adding, modifying, deleting, and granting event permissions.
Technologies: Git, Stripe, MongoDB, jQuery, JavaScript, Node.. js、AngularJS、前端、全栈、Stripe API、REST API、WebStorm、Angular、Express.js, CSS, APIs, HTML, REST, MacOS, Passport.. js, Mongoose, Webhooks, Trello, Web Architecture, HTML5, Responsive UI, Architecture, CSS3

Software Developer Intern

2014 - 2015
Hypo Alpe Adria Bank
  • Implemented SQL procedures to modify and save data.
  • 使用WPF和以下银行设计模式创建用户界面布局.
  • Learned about software development, working in a team, expressing new ideas, and asking for help when needed.
技术:MySQL, SQL, Windows Presentation Foundation (WPF)， HTML, CSS, CSS3, HTML5

Women in Tech Hackathon

A three-day event for a women-in-tech hackathon held at Booking.com headquarters in Amsterdam.

The competition was to present a clickable prototype in less than 48 hours. There were five teams of five people: a product manager, a front-end developer, two back-end developers, and a designer. In this competition, I was a front-end developer, and my main task was to connect with the back-end, extract data, 并确保页面的感觉和外观符合设计师的所有想法.

最后，我们以一种圣诞老人的想法获得了第二名.e., Booking Claus, who gave the gift of travel.

Vibby

http://www.vibby.com/
Vibby是最简单的，在线和免费的方式来创建一个亮点卷轴从任何视频. Just paste a link on one or multiple videos, highlight the parts you want to show, 以任何方式重新排序，并在您选择的任何社交平台上分享创建的Vibby.

Magnises

Magnises was a card-based membership club. The so-called black card, connected to an existing credit card for a monthly or yearly subscription, allowed user-exclusive perks. Benefits offered to members included VIP access to clubs, hotel discounts, and various exclusive events.

Kencko

http://www.kencko.com
肯科是一家聪明的食品公司，它重新发明了有机水果和蔬菜产品，帮助人们吃得更健康，减少浪费.

肯科的冰沙有多种口味，以满足您独特的营养需求. Plus, 所有会员都可以获得注册营养师的免费指导，帮助他们养成健康的习惯.

通过精心制作的数字网络商店，让越来越多的人每天食用有机水果和蔬菜, membership experiences, and platforms and tools built for scale.

Introducely

http://www.introducely.com
一个网络应用变成了PWA，为你提供了最好的移动体验，让你可以介绍给你想认识的人. Introductions can be requested for personal, business, or academic reasons. Or become an introducer and get paid to introduce people in your personal, professional, and academic networks.

YouTube Video Tracking Tool

http://www.leopardads.com
The most powerful YouTube ads spy tool on the market. A full-stack application in collaboration with Chrome extensions. While watching YouTube videos, when an ad appears, it could be added to your tracking collection in the application, 你可以在哪里看到广告的所有相关分析，并将其与其他广告进行比较. 它使快速找到渠道和广告在特定的利基中粉碎它们变得简单，这样你就可以自己建模了.
2013 - 2015

Master's Degree in Informatics and Telecommunications

萨格勒布大学，电子工程与计算机学院-萨格勒布，克罗地亚

2010 - 2013

Bachelor's Degree in Informatics and Telecommunications

萨格勒布大学，电子工程与计算机学院-萨格勒布，克罗地亚

FEBRUARY 2022 - PRESENT

Foundations of Project Management

Coursera

Libraries/APIs

React, Stripe API, REST APIs, React Redux, Redux Form, Stripe, Moment.js, Passport.js, Node.js, Lodash, jQuery, Liquid, Typeform.io, Google Ads API, React Query, React Router, Yup

Tools

Jenkins, WebStorm, Git, bug, Jira, Trello, Figma, Redux Thunk, Mongoose, SendGrid, Webpack

Languages

CSS, HTML, HTML5, CSS3, JavaScript, SQL, TypeScript, Sass, GraphQL

Frameworks

Angular, AngularJS, Express.js, Redux, Windows Presentation Foundation (WPF), Bootstrap 3, Bootstrap, JSON Web Tokens (JWT), Next.js, Jest, Tailwind CSS, NestJS

Paradigms

REST, Agile Software Development, Scrum, Testing, Web Architecture, Agile

Platforms

MacOS, Amazon Web Services (AWS), Docker, Visual Studio Code (VS Code), AWS Elastic Beanstalk, Heroku, Contentful, Shopify, Klaviyo

Storage

MongoDB, Redis, MySQL, Elasticsearch

Other

Chrome Extensions, APIs, MERN Stack, Front-end, Leadership, Full-stack, Team Leadership, Responsive UI, Architecture, Software Architecture, User Experience (UX), User Interface (UI), Webhooks, PWA, Progressive Web Applications (PWA), Load Balancers, Styled-components, Axios, CI/CD Pipelines, IT Project Management, Storybook, DeployBot, Analytics, Localization, Remote Team Leadership, Engineering Management, Hiring, Key Performance Indicators (KPIs), i18n, ESLint, MSW, CTO, eCommerce

Collaboration That Works

How to Work with Toptal

在数小时内，而不是数周或数月，我们的网络将为您直接匹配全球行业专家.

1

Share your needs

在与Toptal领域专家的电话中讨论您的需求并细化您的范围.
2

Choose your talent

在24小时内获得专业匹配人才的简短列表，以进行审查，面试和选择.
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