Martina Zrnec，克罗地亚萨格勒布的开发者
Martina is available for hire
Hire Martina

Martina Zrnec

Verified Expert  in Engineering

Web Developer

Location
Zagreb, Croatia
Toptal Member Since
December 8, 2019

玛蒂娜积极主动，渴望每天学习更多，并在任何需要的地方做出贡献. 她在快节奏的环境中获得了工作经验, 多元文化创业公司，每周编写新功能和部署. 她是一名专注于JavaScript技术和MERN堆栈的全栈开发人员. 她非常专注于把事情做好，理解一项业务, 她被人们每天所采取的行动所感动. 玛蒂娜确保将重点放在切实的结果上.

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

Portfolio

IMO Interns
敏捷，敏捷软件开发，TypeScript, React, GraphQL, CTO...
Exemplar人力服务有限责任公司(通过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、团队领导

The most amazing...

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

Work Experience

Fractional CTO

2024 - PRESENT
IMO Interns
  • 打破了开发内部时间管理应用程序或将其与现有解决方案集成的决定.
  • 创建了一个利弊列表，其中包含了我们自己实现的成本/收益的几个选项. 在此之后，决定使用现有的解决方案是很容易的.
  • 让团队从不被领导转变为专注, 以小为导向的sprint开发, 增加任务来提高完成工作的士气.
  • 实现了邀请客户到应用程序并向他们发送电子邮件的自动化，从手动工作到使用我们的管理平台. 使用signature和Encharge捕获webhook和发送电子邮件.
  • 监督集成时间管理应用程序的开发，并确保代码符合最新标准.
Technologies: 敏捷，敏捷软件开发，TypeScript, React, GraphQL, CTO, Team Leadership, NestJS

Front-end Lead

2023 - PRESENT
Exemplar人力服务有限责任公司(通过Toptal)
  • Defined the front-end architecture, 以及使用哪些库以及为什么使用这些库——并提供适当的文档.
  • 基于Figma设计开发整个应用程序，创建独特的路径和角色. 实现了带有安全私有路由的React Router，供worker和client使用.
  • 使用React Query和Axios来获取数据和存储上下文.
  • 为本地化实现了i18n库, added language switcher, 并且用两种语言实现了整个网站.
  • Created 122 tests using Jest, React Testing Library, 和城市生活垃圾，以确保更少的错误和无缝的网站使用.
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
  • 开发Figma设计到React的整个前端UI组件. Added PWA experience.
  • 与客户就开发路径进行头脑风暴, what to build and what not to build, proof of concept, scaling, and making robust applications.
  • 构建web架构，领导层分为两名员工.
  • 集成的条纹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.
  • 使用Heroku和Node为前端部署React.Js用于后端应用程序，带有附加组件以跟踪服务器的性能, send emails, and use the DB. 在不同的集群上使用Atlas DB用于阶段和生产环境.
  • 合并ESLint和Prettier，使代码库在开发人员和未来的编码人员之间可读. Toptal项目使用Git版本控制系统.
技术:敏捷软件开发、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
  • 开发针对特定产品投诉的管理应用程序. 它是一个用于添加、编辑、更新和删除投诉的CRUD应用程序.
  • 添加了涵盖所有创建功能的前端测试.
  • 在两周的冲刺周期内做出贡献，并计划和跟踪进度.
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，把所有东西都放在那里，给了他们更多的独立性.
  • 通过创建CI/CD管道，作为前端领导改进了内部系统, 使内容创作者独立于开发者. 在Contentful中输入的内容触发了DeployBot管道并更新了Shopify中的主题.
  • 作为工程经理，帮助创建了公司文化. 在团队处于持续的救火模式之后，接受了敏捷方法.
  • 带领团队适应内容的完全本土化.
技术: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
  • 开发了一个完整的管理平台来支持我们在当地国家的销售团队.
  • 构建一个公共功能和组件库，以便在多个内部项目中重用.
  • 主要担任全栈JavaScript工程师.
  • 在整个平台中创建和维护redux表单.
  • 检查并修复了应用程序的整体功能.
技术:敏捷软件开发，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, api, 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.
  • 为YouTube网站开发了一个Chrome扩展, 使用我们的视频播放器管理系统，使所有功能，而直接观看视频.
  • 通过Jenkins创建一个CI/CD系统，使部署过程自动化.
  • 在AWS、Elastic Beanstalk、负载平衡器和安全组上构建DevOps环境.
  • 编写一个脚本，插入到有视频的页面上，剪掉最好的部分.
  • 支持和维护我们的视频播放器管理系统，而桌面, mobile browsers, 和视频播放器api被更改和/或更新.
  • 扩展了视频播放器管理系统的功能，增加了以任何方式排序突出显示元素的功能，并添加了多个视频源来剪切最好的部分.
  • 指导初级和中级团队成员和新开发人员.
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, api, 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
  • 集成了一个连接Stripe API的支付流程.
  • 使用Mailchimp向用户发送有关新事件和通知的电子邮件.
  • 为拥有不同角色和视图的用户开发后端验证.
  • 创建了一个地图，用户可以看到附近发生的每个事件的位置.
  • 开发了一个内部使用的管理面板, managing user-profiles and adding, modifying, deleting, and granting event permissions.
技术:Git, Stripe, MongoDB, jQuery, JavaScript, Node.. js、AngularJS、前端、全栈、Stripe API、REST API、WebStorm、Angular、Express.js, CSS, api, HTML, REST, MacOS, Passport.. js, Mongoose, Webhooks, Trello, Web Architecture, HTML5, Responsive UI, Architecture, CSS3

Software Developer Intern

2014 - 2015
Hypo Alpe Adria Bank
  • 实现了修改和保存数据的SQL过程.
  • 使用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

在Booking举行的为期三天的女性科技黑客马拉松活动.com headquarters in Amsterdam.

比赛要求在48小时内展示一个可点击的原型. 我们有5个团队，每组5个人:一个产品经理, a front-end developer, two back-end developers, and a designer. In this competition, I was a front-end developer, 我的主要任务是连接后台, extract data, 并确保页面的感觉和外观符合设计师的所有想法.

最后，我们以一种圣诞老人的想法获得了第二名.e.他给了我旅行的礼物.

Vibby

http://www.vibby.com/
Vibby是最简单的，在线和免费的方式来创建一个亮点卷轴从任何视频. 只需粘贴一个或多个视频的链接, highlight the parts you want to show, 以任何方式重新排序，并在您选择的任何社交平台上分享创建的Vibby.

Magnises

Magnises是一个卡制会员俱乐部. The so-called black card, 连接到现有的信用卡每月或每年订阅, allowed user-exclusive perks. 向会员提供的福利包括进入俱乐部的VIP资格, 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，为你提供了最好的移动体验，让你可以介绍给你想认识的人. 可以因个人、商业或学术原因要求介绍. 或者成为一个介绍人，在你的私人空间里介绍别人并获得报酬, professional, and academic networks.

YouTube Video Tracking Tool

http://www.leopardads.com
市场上最强大的YouTube广告间谍工具. 与Chrome扩展协作的全栈应用程序. While watching YouTube videos, when an ad appears, 它可以添加到应用程序中的跟踪集合中, 你可以在哪里看到广告的所有相关分析，并将其与其他广告进行比较. 它使快速找到渠道和广告在特定的利基中粉碎它们变得简单，这样你就可以自己建模了.

Libraries/APIs

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

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

Tools

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

Paradigms

REST，敏捷软件开发，Scrum，测试，Web架构，敏捷

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, React Query, ESLint, MSW, CTO, eCommerce

2013 - 2015

信息与通信硕士学位

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

2010 - 2013

信息学和电信专业学士学位

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

FEBRUARY 2022 - PRESENT

Foundations of Project Management

Coursera

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

与你选择的人才一起工作，试用最多两周. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring