Lavi Yatziv
Verified Expert in Engineering
Front-end Developer
Telkwa, BC, Canada
Toptal member since October 13, 2014
Lavi is a world-class front-end developer with experience working for enterprise-class organizations like Webflow, Lufthansa, and Okta. He takes great care in delivering the best possible solutions while considering time constraints. His education in motion graphics animation affords an expansive UI vocabulary for end users. Debugging and improving the functionality of legacy code is one of Lavi's specialties, making him a versatile and innovative software engineer.
Portfolio
Experience
Availability
Preferred Environment
Git, TypeScript, Docker, MongoDB, NetSuite
The most amazing...
...thing I've written is an HTML5 app for in-flight entertainment that uses real-time flight data.
Work Experience
Senior React Developer
Webflow, Inc.
- Engineered an efficient lead form, boosting user acquisition through streamlined data collection and personalized onboarding experiences.
- Developed a dynamic internal marketplace linking feature, increasing internal user traffic and engagement.
- Migrated Angular components to React, reducing page load times, improving user satisfaction, and increasing development velocity.
- Conducted A/B tests to optimize user experiences, increasing website engagement and improving data-driven insights.
- Enhanced back-of-house tooling for visually impaired developers, boosting in-house developer accessibility.
- Implemented synthetic obfuscation techniques, fortifying security, preventing unauthorized access, and safeguarding user data.
React Front-end UI Developer
Power Costs, Inc.
- Engineered an advanced grid interface, handling 30,000 rows and enhancing data visualization and user experience.
- Orchestrated real-time row calculations via WebSockets, ensuring dynamic data updates for seamless user interactions.
- Formulated robust Playwright tests, guaranteeing comprehensive coverage of the application's core functionalities.
- Devised an OpenAPI schema for creating a mock API, enabling isolated execution of Playwright tests for efficient testing.
- Participated in daily stand-ups, fostering enhanced engineer coordination and optimizing project workflow.
React and Node.js Engineer
RocketParts LLC
- Engineered a CRM solution for a payments firm, boosting customer satisfaction by 20%.
- Spearheaded UI component development, elevating user experience and reducing bounce rates by 15%.
- Revamped legacy Java code for secure financial record transmissions, enhancing system reliability by 30%.
- Applied Firebase for real-time user input, resulting in a 25% reduction in data transmission latency.
React Front-end Developer
RBW Studio LLC
- Migrated the site from Gatsby v2 to v3 in the interest of faster build times and novel functionalities. There was a considerable incentive with a product catalog with over 10,000 SKUs.
- Facilitated the automation of content creation and management for a GraphQL database. CSV files from the production team needed to accurately reflect product inventory to facilitate sales and customer research initiatives.
- Enhanced the print layout functionality of complex product specification sheets using Tailwind.
- Managed page indexes and product SKU profiles with Algolia, focused on rapid search results.
- Used Storybook to create elegant and functional components.
- Performed timely and accurate data migration and synchronization with SuiteScript 2 (ETL).
Developer | NetSuite ERP/SCA
Paper Pieces
- Maintained legacy SuiteScript 1 code, assisting with support for recurring subscription services.
- Extended a standard layout for a custom NetSuite UI Suitelet.
- Built a custom React-based UI for bulk items, including its matrix, kit, and package. Managed the creation conforming to product workflows and subsidiary configurations with input validation.
- Rebuilt the company knowledge base and intranet from jQuery to React. Hosted with the NetSuite File Cabinet and SuiteScript for search.
- Connected Google Drive to NetSuite with SuiteScript 2, facilitating NetSuite accounts with access to files maintained in Google Sheets.
Senior Developer
GovDocs
- Transitioned a customer portal from a dated jQuery and custom NetSuite site to a modern React application, including integrations with Mongo, AWS Cognito, and S3.
- Implemented dynamic graphs and created and maintained an interactive map using D3. I sourced GeoJSON from the United States Geological Survey (USGS) and US census data maps, preprocessing the cartographic data using the Albers projection.
- Built NetSuite integrations for finance and fulfillment departments with third parties following RESTful patterns.
- Facilitated the modernization of back-end scripting using build tools. Performed templates for provided context, predictable entry points, script status reporting, and rapid development of any new back-end scripts.
- Led a team of three developers to create APIs between NetSuite and AWS to provide a feature-rich client dashboard built with React and AWS, including S3, RDS, and Lambda.
- Applied Scrum methodologies within Jira to give the product team a better idea of what level of effort was involved in each feature request.
- Imposed stricter coding standards for my team by following modern JavaScript grammar and patterns (standard and Prettier).
- Provided additional support to the marketing team's WordPress site with custom scripting and plugin support.
- Integrated Google Analytics tools into the front-end single-page application to support marketing in future product development initiatives.
- Created an XML-based secure data invoicing solution to SAP using SuiteScript 2 and rollup.
Front-end Developer
Digital Youth Network
- Supported front-end development initiatives and user interface design, specifically to be used by children ages 4 to 16.
- Introduced modern JavaScript bundling technologies.
- Collaborated with an entirely distributed team across four time zones.
- Supported third-party MODx CMS plug-in integrations.
- Facilitated the development of internal front-end tools to be used by system administrators and teachers.
Web Developer
Farmer Brown Insurance
- Facilitated a remarketing and advertising campaign, driving sales by accessible metrics.
- Liaised with an animation company to produce a high-quality promotional video.
- Designed, developed, and deployed a site-wide redesign.
- Created a new live quoting system for lead generation.
- Reworked Google Analytics to provide more valuable insights to customers.
- Integrated the site with Zendesk and HubSpot to foster a holistic view of customer behaviors.
- Improved site load speed with various compression techniques and caching layers.
- Coordinated development efforts across a small team consisting of content writers and DevOps.
WordPress Engineer
High Ground Group
- Developed a responsive WordPress membership website.
- Extended functionality and design with a child theme.
- Utilized USAePay API as a customized payment gateway for the site.
- Improved site performance with various caching layers and minification.
- Integrated with SendGrid for transactional emails and Mailchimp for marketing.
- Supported unbounce pages before the website's launch.
- Used the Ziptastic API in signup fields for generating city and state information from a zip code.
Front-end Developer
Taliflo
- Prototyped a web application designed to facilitate peer-to-peer value exchanges.
- Used object-oriented JavaScript/jQuery to filter and sort tabular data supported by a JSON data set.
- Used Vagrant to create virtual machines running Linux, governed by Ansible playbooks.
- Created templates using Django, facilitated by Pinax and the Bourbon CSS framework.
- Participated in branding and marketing initiatives.
Senior Developer
Flight Level Media
- Built a responsive HTML5 app to be used while in flight.
- Administered third-party technology providers including Airbrake and Heroku.
- Undertook on-site development and hardware integration.
- Provided advice and insights regarding web technologies and ICT solutions.
- Created a brochure-style corporate website for the product.
Web Developer
Spark Design Web & Print
- Developed and upgraded websites powered by ExpressionEngine.
- Installed and upgraded various modules, plugins, and extensions for clients.
- Performed responsive design (PDF and PSD) conversions to HTML, CSS, and JavaScript.
- Developed a rapid deployment payload to ramp up new sites.
- Created custom plugins to facilitate unsupported APIs.
Senior Web Developer
Achilles Media
- Developed and maintained 20+ websites.
- Administered and kept several mission-critical databases such as contacts, schedules, and subscriptions.
- Provided staff instruction regarding the more advanced features of Microsoft Office and Salesforce.
- Undertook consultation regarding VoIP technologies.
- Advised supervisors of emerging trends in web technologies.
- Mentored team member, another developer, to maintain core infrastructure written with Perl.
Website and Database Designer
The Otesha Project
- Developed contribution and registration portals through Salesforce integration.
- Facilitated cultivating relationships with past and future recurrent contributors.
- Transitioned critical database structures and operations from FileMaker to Salesforce.
- Performed day-to-day maintenance on the HTML jQuery website.
- Fostered technical acumen among coworkers to facilitate their work.
Developer/Editor, Motion Graphics
Blomeley Communications, Ltd.
- Undertook web development with traditional tools like Dreamweaver, Photoshop, and Flash.
- Created efficient networks with minimal hardware and resources.
- Provided consultation on network technologies, Microsoft Server 2003, SQL, and Microsoft Office.
- Created motion graphics animations to be used in training and promotional videos.
- Provided nonlinear video editing using Final Cut Pro.
- Created motion graphics animations using Adobe Photoshop and Adobe After Effects.
- Provided nonlinear editing services with final cut pro and Adobe Premier.
- Worked with audio post processing, dubbing and voice over narration.
Experience
Lakelse Air Website and Mobile App
Dze Ḻ Kant Friendship Centre
http://dzelkant.comTruckGuysTV
Education
Diploma Degree in Television Broadcasting
Algonquin College - Ottawa
Bachelor of Arts Degree in Film Studies
Carleton University - Ottawa
Skills
Libraries/APIs
jQuery, NetSuite API, Dotenv, React, Node.js, Context API, React Redux, REST APIs, Google Maps API (GeoJSON), Google Maps, D3.js, AG Grid, Playwright, Google Sheets API, Google Drive API, Mailchimp API, Google Geochart API, Rollup.js, OpenAPI, Vue, Stripe
Tools
NPM, Adobe Photoshop, Webpack 3, GitHub, JSS, CircleCI, Webpack, Rollup, Adobe InDesign, GitLab CI/CD, PostCSS, Canvas, Amazon Cognito, Gulp, Apache, Bourbon, Ansible, Vagrant, PhpStorm, Git, Lerna, MongoDB Atlas, MongoDB Shell, FileMaker, Webpack 4, UI Grid, Google Analytics, Bitbucket, Firebase Authentication, Miro, Prism, Adobe After Effects, Final Cut Pro, Adobe Premiere Pro, ChatGPT, Figma, Terraform, Helm
Languages
TypeScript, CSS, CSS3, HTML5, JavaScript, HTML, SQL, SuiteScript 2, SCSS, PHP, ECMAScript (ES6), Python, Less, Sass, Kotlin, SuiteScript 1, GraphQL, Perl, TypeScript 3
Frameworks
Bootstrap, Angular, Material UI, Express.js, Redux, Jest, Tailwind CSS, Next.js, Kendo UI, Compass, Foundation CSS, Yarn, Cypress, Ruby on Rails (RoR), NestJS
Paradigms
Test-driven Development (TDD), RESTful Development, Agile Software Development, Automated Testing, Unit Testing, REST, Responsive Web Design (RWD), UI Design, Continuous Integration (CI), Web Performance Optimization (WPO), Manual Testing, Microservices, Microservices Architecture, Class-based OOP
Platforms
Mobile, Webflow, MacOS, Amazon Web Services (AWS), HubSpot, AWS Lambda, Docker, Google Cloud Platform (GCP), Linux, MODx, Heroku, Salesforce, Netlify, Algolia, Sanity Studio, Firebase, Visual Studio Code (VS Code), Kubernetes
Storage
Databases, MongoDB, MySQL, PostgreSQL, Google Cloud, Datadog, NoSQL, PostgreSQL 10, Firebase Realtime Database, Amazon S3 (AWS S3), Redis, Cloud Firestore
Industry Expertise
Healthcare
Other
Web App Development, User Interface (UI), Front-end, Full-stack, NetSuite, APIs, Ajax, Web Development, Tables, Full-stack Development, JSON REST APIs, Front-end Development, Architecture, API Integration, Quality Assurance (QA), ERP Development, Technical Leadership, Data Management, Back-end Development, Automated UI Testing, Monorepos, Application State Management, HTML5 Animations, Pixel Perfect, Front-end Design, Front-end Architecture, Streaming, Forms, Workflow, Web App Deployment, Styled-components, GeoJSON, CRM APIs, User Experience (UX), Single-page Applications (SPA), UI Development, Software Engineering, Team Leadership, Back-end, Storybook, Web Components, UI Components, Data Visualization, Charts, Optimization, Audio Codecs, Video Codecs, Audio, Audio Processing, Video on Demand (VOD), Serverless, Data Quality, Edtech Design, Software Architecture, Inventory Management, PDF, Digital Payments, Online Banking, TypeORM, 3D, Data Architecture, OpenAI, Headless CMS, Payment APIs, ExpressionEngine, Google SEO, FontAwesome, RESTful Microservices, Events, Gatsby, TV Broadcasting, Filming, Microsoft Office, VoIP, Firebase Cloud Functions, WebSockets, Responsive UI, Firebase Hosting, Business to Business (B2B), Fintech, Artificial Intelligence (AI), Natural Language Processing (NLP), Mobile Banking, SAP ERP, Custom Scripting
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