Lavi Yatziv, Front End Developer in Telkwa, BC, Canada
Lavi Yatziv

Front End Developer in Telkwa, BC, Canada

Member since October 13, 2014
Lavi is a world-class front-end developer with experience working for enterprise-class organizations like Lufthansa, Okta, and DePaul University. He takes great care in delivering the best possible solutions while considering time constraints. His education with 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.
Lavi is now available for hire

Portfolio

  • Power Costs, Inc.
    React, UI Grid, UI Development, JavaScript, Adobe InDesign, AG Grid...
  • RocketParts LLC
    TypeScript, React, Firebase, Node.js, Google Cloud Platform (GCP)...
  • RBW Studio LLC
    React, Google Analytics, Algolia, Firebase, NetSuite, Gatsby, Netlify...

Experience

Location

Telkwa, BC, Canada

Availability

Part-time

Preferred Environment

Visual Studio Code, JavaScript, Git

The most amazing...

...thing I've written is an HTML5 app for in-flight entertainment that uses real-time flight data.

Employment

  • React Front-end UI Developer

    2021 - PRESENT
    Power Costs, Inc.
    • Developed an advanced grid interface with considerable features capable of working with 30,000 rows of data.
    • Managed live data updates via WebSockets real-time row calculations.
    • Wrote Playwright tests that sufficiently exercised core functionalities.
    • Composed an OpenAPI schema that would create a mock API to run Playwright tests in isolation.
    • Participated actively in daily stand-ups to facilitate better coordination between engineers.
    Technologies: React, UI Grid, UI Development, JavaScript, Adobe InDesign, AG Grid, WebSockets, TypeScript 3, Playwright Tests, Jest, GitLab CI/CD, Miro, Prism, OpenAPI, Node.js, Docker, Web Development, Storybook, Web App Development, PostCSS, TypeScript, HTML, D3.js, HTML5, Software Engineering, Web Components, UI Components, Test-driven Development (TDD), Data Visualization, Tables, Charts, Optimization, Agile Software Development, Single-page Applications (SPA), Web App Deployment, JSON REST APIs, Front-end Development
  • React and Node.js Engineer

    2021 - 2021
    RocketParts LLC
    • Worked on a customer relationship management (CRM) solution for a payments company.
    • Supported the development of user interface components.
    • Enhanced legacy Java code for secure financial record transmissions.
    • Leveraged real-time communication of user input via Firebase.
    Technologies: TypeScript, React, Firebase, Node.js, Google Cloud Platform (GCP), MUI (Material UI), Algolia, PostgreSQL, Redis, Cloud Firestore, Firebase Hosting, Firebase Cloud Functions, Firebase Authentication, Web Development, Storybook, Web App Development, HTML, HTML5, YARN, Web Components, UI Components, SQL, Tailwind CSS, Tables, Optimization, Agile Software Development, Single-page Applications (SPA), Web App Deployment, Firebase Realtime Database, Fintech, Full-stack Development, Serverless, JSON REST APIs, Front-end Development
  • React Front-end Developer for a Lightning Industry Website

    2021 - 2021
    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 catalogue 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 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 for creating elegant and functional components.
    Technologies: React, Google Analytics, Algolia, Firebase, NetSuite, Gatsby, Netlify, Sanity CMS, Bitbucket, Git, jQuery, PHP, JavaScript, Amazon Web Services (AWS), CSS, HTML5, Node.js, GraphQL, Next.js, Firebase Cloud Functions, Firebase Authentication, Web Performance Optimization (WPO), Back-end, Web Development, Storybook, PostCSS, TypeScript, React Redux, HTML, Full-stack, Software Engineering, Web Components, UI Components, Tailwind CSS, Charts, Optimization, NetSuite API, Single-page Applications (SPA), Web App Deployment, Firebase Realtime Database, Full-stack Development, Serverless, JSON REST APIs, Front-end Development, Agile Software Development
  • Developer | NetSuite ERP/SCA

    2020 - 2020
    Paper Pieces
    • Maintained legacy code assisting support recurring subscription services.
    • Extended a standard layout for a custom NetSuite UI Suitelet.
    • Built a custom React-based UI for bulk item, 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 a React-based one.
    • Connected Google Drive to NetSuite, granting NetSuite accounts access to files maintained in Google Sheets.
    Technologies: Dotenv, Visual Studio Code, REST, REST APIs, TypeScript, Microservices, Microservices Architecture, RESTful Microservices, Webpack, Jest, Front-end, Google Sheets API, Google Drive API, SuiteScript 1, SuiteScript 2, Lerna, GitHub, YARN, Styled-components, React, JavaScript, NetSuite API, NetSuite, RESTful Development, User Experience (UX), Test-driven Development (TDD), UI Design, UI Development, Software Engineering, Back-end, Web Development, HTML, HTML5, Full-stack, Tables, Rollup, Full-stack Development, JSON REST APIs, Front-end Development
  • Senior Developer

    2016 - 2020
    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.
    Technologies: PostgreSQL, Dotenv, GeoJSON, Visual Studio Code, MongoDB Shell, MongoDB Atlas, MongoDB, REST, TypeScript, Microservices Architecture, RESTful Microservices, Microservices, Amazon Web Services (AWS), SCSS, Webpack, Jest, Bootstrap, Full-stack, Front-end, REST APIs, APIs, PostgreSQL 10.1, FontAwesome, Amazon S3 (AWS S3), Node.js, Git, React Redux, NPM, Redux, Google Maps, MySQL, GitHub, CSS3, JavaScript, CSS, Web App Development, User Interface (UI), Responsive Web Design (RWD), Webpack 3, JSS, MUI (Material UI), Payment APIs, Webpack 4, SuiteScript 2, PHP, AWS Lambda, Rollup.js, React, Angular, NetSuite, RESTful Development, CRM APIs, HubSpot, User Experience (UX), Test-driven Development (TDD), D3.js, Adobe InDesign, UI Design, UI Development, UI Grid, Software Engineering, Team Leadership, Continuous Integration (CI), Kotlin, Back-end, Google Analytics, Web Development, Storybook, HTML, Google Geochart API, NoSQL, HTML5, YARN, Lerna, NetSuite API, SuiteScript 1, Web Components, UI Components, SQL, Data Visualization, Tables, Charts, Optimization, Business to Business (B2B), Agile Software Development, Single-page Applications (SPA), Web App Deployment, CircleCI, Rollup, Amazon Cognito, Class-based OOP, Firebase Realtime Database, Google Maps API (GeoJSON), Full-stack Development, Serverless, JSON REST APIs, Front-end Development
  • Front-end Developer

    2015 - 2016
    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.
    Technologies: PostgreSQL, Dotenv, REST, SCSS, Bootstrap, Front-end, APIs, FontAwesome, Node.js, Git, NPM, MySQL, GitHub, CSS3, CSS, User Interface (UI), PHP, JavaScript, MODx, RESTful Development, REST APIs, User Experience (UX), UI Design, UI Development, Ajax, Responsive UI, Web Development, HTML, HTML5, Full-stack Development, JSON REST APIs, Front-end Development, Agile Software Development
  • Web Developer

    2015 - 2015
    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.
    Technologies: Bootstrap, Full-stack, Front-end, CSS3, JavaScript, CSS, User Interface (UI), Responsive Web Design (RWD), Payment APIs, WordPress, RESTful Development, REST APIs, HubSpot, Mailchimp API, User Experience (UX), UI Design, UI Development, Ajax, Google Analytics, Web Development, HTML, Full-stack Development, Front-end Development
  • WordPress Engineer

    2014 - 2015
    High Ground Group (via Toptal)
    • 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.
    Technologies: Full-stack, Front-end, Adobe Photoshop, APIs, FontAwesome, User Experience (UX), CSS3, CSS, User Interface (UI), Payment APIs, JavaScript, PHP, WordPress, Mailchimp API, UI Design, Ajax, Web Development, HTML, Full-stack Development
  • Front-end Developer

    2014 - 2014
    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.
    Technologies: REST, SCSS, Front-end, APIs, GitHub, CSS, User Interface (UI), Vagrant, Ansible, jQuery, JavaScript, Django, Bourbon, FontAwesome, Bootstrap, Sass, CSS3, HTML5, RESTful Development, REST APIs, UI Design, Ajax, Web Development, Web App Development, HTML, Charts, Web App Deployment, Rollup, Class-based OOP, JSON REST APIs, Front-end Development
  • Senior Developer

    2013 - 2014
    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.
    Technologies: Heroku, SCSS, Ruby on Rails (RoR), Full-stack, Front-end, APIs, Node.js, Git, JavaScript, CSS, Web App Development, User Interface (UI), Gulp, jQuery, Kendo UI, HTML5, RESTful Development, REST APIs, Mailchimp API, User Experience (UX), UI Design, Ajax, Back-end, Web Development, HTML, Software Engineering, Single-page Applications (SPA), Web App Deployment, Class-based OOP, MacOS, Google Maps API (GeoJSON), Full-stack Development, JSON REST APIs, Front-end Development
  • Web Developer

    2012 - 2013
    Spark Design Web & Print
    • Developed and upgraded websites powered by ExpressionEngine.
    • Installed and upgraded various modules, plugins, and extensions for clients.
    • Preformed 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.
    Technologies: SCSS, Front-end, APIs, Google Maps, JavaScript, CSS, User Interface (UI), Payment APIs, Google SEO, Foundation CSS, Bootstrap, Adobe Photoshop, jQuery, PHP, ExpressionEngine, RESTful Development, REST APIs, UI Design, Ajax, Google Analytics, Web Development, HTML, SQL, Google Maps API (GeoJSON), Full-stack Development, JSON REST APIs, Front-end Development
  • Senior Web Developer

    2011 - 2012
    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.
    Technologies: Events, SCSS, Full-stack, Front-end, APIs, JavaScript, CSS, User Interface (UI), Payment APIs, Compass, Less, Bootstrap, Adobe Photoshop, jQuery, MySQL, PHP, Apache, Linux, RESTful Development, REST APIs, CRM APIs, UI Design, Team Leadership, Ajax, Perl, Salesforce, Microsoft Office, VoIP, Google Analytics, Back-end, Web Development, Web App Development, HTML, Software Engineering, SQL, Tables, Web App Deployment, Class-based OOP, PhpStorm, Full-stack Development, JSON REST APIs, Front-end Development
  • Website and Database Designer

    2010 - 2010
    Theo 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 HTML jQuery website.
    • Fostered technical acumen among coworkers to facilitate their work.
    Technologies: Events, Salesforce, jQuery, HTML5, FileMaker, CRM APIs, UI Design, Ajax, HTML, SQL, Tables
  • Developer, editor, Motion graphics

    2007 - 2009
    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.
    Technologies: Full-stack, Front-end, Adobe Photoshop, APIs, CSS, User Interface (UI), Responsive Web Design (RWD), ExpressionEngine, JavaScript, HTML, RESTful Development, REST APIs, UI Design, Ajax, Web Development, SQL, Healthcare, Tables, MacOS, Audio Codecs, Video Codecs, Audio, Audio Processing, Video on Demand (VOD), Adobe After Effects, Final Cut Pro, Adobe Premiere Pro, Full-stack Development, JSON REST APIs, Front-end Development

Experience

  • Lakelse Air Website and Mobile App

    A CMS-powered site built to showcase imagery of the helicopter services provided by Lakelse Air. This project had challenging objectives to convey the client's vision and balance those with functionality and budget. I developed core elements of CSS and JavaScript that elegantly scale the site from desktop to mobile screen resolutions.

  • Dze Ḻ Kant Friendship Centre
    http://dzelkant.com

    The Dze Ḻ K’ant Friendship Centre provides services to the Aboriginal community of Smithers, BC. I was asked to put together an accessible, functional, and budget-friendly WordPress site. My primary goal was to provide a site that would perform as well on mobile as on desktop. Here, I created a child theme using Divi.

  • TruckGuysTV

    I participated in creating a new WordPress site adapted from a classic Flash-based experience. The site was created to showcase custom truck build videos where I implemented novel solutions to presenting large video libraries online.

  • JavaScript Best Practices and Tips by Toptal Developers (Publication)
    This resource contains a collection of JavaScript best practices and JavaScript tips provided by our Toptal network members.

Skills

  • Languages

    CSS, CSS3, JavaScript, HTML, SQL, TypeScript, SuiteScript 2, SCSS, PHP, HTML5, Less, Sass, Kotlin, SuiteScript 1, GraphQL, Perl, TypeScript 3
  • Frameworks

    Bootstrap, MUI (Material UI), Redux, Jest, Tailwind CSS, Next.js, Kendo UI, Compass, Foundation CSS, Angular, YARN
  • Libraries/APIs

    jQuery, Dotenv, React, Node.js, React Redux, REST APIs, Google Maps API (GeoJSON), Google Maps, D3.js, AG Grid, Google Sheets API, NetSuite API, Google Drive API, Google Geochart API, Rollup.js, OpenAPI
  • Tools

    NPM, Adobe Photoshop, Webpack 3, GitHub, JSS, CircleCI, Webpack, Rollup, Adobe InDesign, GitLab CI/CD, PostCSS, Amazon Cognito, Gulp, Apache, Bourbon, Ansible, Vagrant, PhpStorm, Git, Lerna, MongoDB Atlas, MongoDB Shell, FileMaker, Webpack 4, UI Grid, Google Analytics, Bitbucket, Firebase Authentication, Prism, Adobe After Effects, Final Cut Pro, Adobe Premiere Pro
  • Paradigms

    Test-driven Development (TDD), RESTful Development, Agile Software Development, REST, Responsive Web Design (RWD), UI Design, Continuous Integration (CI), Web Performance Optimization (WPO), Microservices, Microservices Architecture, Class-based OOP
  • 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, Web App Deployment, Styled-components, GeoJSON, CRM APIs, HubSpot, User Experience (UX), Single-page Applications (SPA), UI Development, Software Engineering, Team Leadership, Playwright Tests, Back-end, Storybook, Web Components, UI Components, Data Visualization, Charts, Optimization, Audio Codecs, Video Codecs, Audio, Audio Processing, Video on Demand (VOD), Serverless, Payment APIs, ExpressionEngine, Google SEO, FontAwesome, RESTful Microservices, Events, Sanity CMS, Gatsby, Mailchimp API, TV Broadcasting, Filming, Microsoft Office, VoIP, Firebase Cloud Functions, WebSockets, Miro, Responsive UI, Firebase Hosting, Business to Business (B2B), Fintech
  • Platforms

    MacOS, Amazon Web Services (AWS), AWS Lambda, Docker, Linux, MODx, Heroku, Salesforce, Netlify, Algolia, Firebase, Google Cloud Platform (GCP), Visual Studio Code
  • Storage

    MySQL, PostgreSQL, MongoDB, NoSQL, PostgreSQL 10.1, Firebase Realtime Database, Amazon S3 (AWS S3), Redis, Cloud Firestore
  • Industry Expertise

    Healthcare

Education

  • Diploma Degree in Television Broadcasting
    2006 - 2008
    Algonquin College - Ottawa
  • Bachelor of Arts Degree in Film Studies
    2004 - 2008
    Carleton University - Ottawa

To view more profiles

Join Toptal
Share it with others