Martina Zrnec
Verified Expert in Engineering
Web Developer
Zagreb, Croatia
Toptal member since December 8, 2019
Martina is motivated and eager to learn more daily and contribute anywhere needed. She gained experience working in a fast-paced, multicultural startup where coding new features and deployments were done weekly. She is a full-stack developer focused on JavaScript technologies and the MERN stack. 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.
Portfolio
Experience
- JavaScript - 8 years
- Responsive UI - 7 years
- React - 5 years
- Agile Software Development - 4 years
- MERN Stack - 4 years
- Jira - 4 years
- Leadership - 3 years
- MongoDB - 3 years
Availability
Preferred Environment
Visual Studio Code (VS Code), Git, React, Node.js, PWA, Figma, Scrum, MacOS, JavaScript, Team Leadership
The most amazing...
...thing I've improved company-wise is removing content adding from the engineering team to a headless CMS by connecting to our internal CD processes (deployBot).
Work Experience
Fractional CTO
IMO Interns
- Broke down the decision to develop an in-house time management app or integrate it with the existing solution.
- Created a pro/cons list with a couple of options for the cost/benefits of implementing on our own. 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.
- Implemented the automatization for inviting clients to the application and sending them emails from manual work to usage of our admin platform. Utilized Signaturely and Encharge for capturing webhooks and sending emails.
- Oversaw the development of the integration time management app and ensured the code was up to the latest standards.
Front-end Lead
Exemplar Human Services, LLC (via Toptal)
- Defined the front-end architecture, as well as which libraries to use and why—with appropriate documentation.
- Developed the entire application based on Figma designs, creating distinctive paths and roles. Implemented React Router with secure private routes for both worker and client usage.
- 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.
Full-stack Web Developer
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.
- Integrated Stripe API with trial periods, monthly and yearly subscriptions, and withdrawals.
- 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. Used Atlas DB with different clusters for staging and production environments.
- Incorporated ESLint and Prettier to make the codebase readable among developers and future coders. Used Git for the version control system for Toptal projects.
Front-end Developer
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.
Engineering Manager
Kencko
- Supported marketing and growth team efforts directly by making a clear path for analytics to be centralized in one place. Gave them more independence by making use of GTM and putting everything there.
- Improved internal systems as a front-end lead by creating CI/CD pipeline, making content creators independent from developers. Content entered in Contentful triggered the DeployBot pipeline and updated the theme in 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.
Web Developer
CIAL Dun & Bradstreet
- Developed an entire admin platform to support our sales team in local countries.
- Built a library of common functionalities and components to be reused on multiple in-house projects.
- 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.
Web Developer | Team Lead
Vibby
- Built a video player management system that combined sources from third-party player APIs like YouTube, Vimeo, Twitch, Brightcove, JW Player, Facebook, and HTML5 native player.
- Developed a Chrome extension for the YouTube website, using our video player management system to enable all features directly while watching videos.
- Made deployment process automated by creating an CI/CD system via Jenkins.
- Built a DevOps environment on AWS, Elastic Beanstalk, load balancers, and security groups.
- Composed a script to insert on-page that has videos to cut the best parts of it.
- Supported and maintained our video player management system while desktop, mobile browsers, and video player APIs were altered and/or updated.
- Extended the capabilities of the video player management system by adding a feature of sorting highlighted elements in any way and adding multiple video sources to cut the best parts.
- Mentored junior and mid-level team members and onboarded new developers.
Web Developer
Magnises
- Integrated a payment flow connecting to Stripe API.
- Sent emails for users regarding new events and notifications using Mailchimp.
- Developed a back-end validation for users to have different roles and views.
- Created a map where users could see locations of every event happening nearby.
- Developed an admin panel for internal use, managing user-profiles and adding, modifying, deleting, and granting event permissions.
Software Developer Intern
Hypo Alpe Adria Bank
- Implemented SQL procedures to modify and save data.
- Created the user-interface layout using WPF and following banking design patterns.
- Learned about software development, working in a team, expressing new ideas, and asking for help when needed.
Experience
Women in Tech Hackathon
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, and ensure that the feel and look of the page met all of the designer's ideas.
In the end, we achieved second place with the idea of a type of Santa Claus, i.e., Booking Claus, who gave the gift of travel.
Vibby
Magnises
Kencko
https://www.kencko.comKencko’s smoothies come in a rainbow of flavors to suit your unique nutritional needs. Plus, all members can access free coaching from a registered dietitian to support them in growing their healthy habits with Kencko.
Getting more and more people to their daily servings of organic fruits and veggies through the beautifully crafted digital web shop, membership experiences, and platforms and tools built for scale.
Introducely
http://www.introducely.comYouTube Video Tracking Tool
https://www.leopardads.comEducation
Master's Degree in Informatics and Telecommunications
University of Zagreb, Faculty of Electrical Engineering and Computing - Zagreb, Croatia
Bachelor's Degree in Informatics and Telecommunications
University of Zagreb, Faculty of Electrical Engineering and Computing - Zagreb, Croatia
Certifications
Foundations of Project Management
Coursera
Skills
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, Bugsnag, Jira, Trello, Figma, Redux Thunk, Mongoose, DeployBot, 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 (PWAs), Load Balancers, Styled-components, Axios, CI/CD Pipelines, IT Project Management, Storybook, Analytics, Localization, Remote Team Leadership, Engineering Management, Hiring, Key Performance Indicators (KPIs), i18n, ESLint, MSW, CTO, eCommerce
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