Shai Mesisterano
Verified Expert in Engineering
JavaScript Developer
Tel Aviv-Yafo, Israel
Toptal member since June 10, 2021
Shai is an expert React developer who's played key roles in delivering large-scale solutions for leading companies. He specializes in a range of full-stack technologies, including React and TypeScript. He delivered a product that served two billion sites and 27 million live engagements per month. Previous roles include Scrum master and team lead. Shai has developed for mobile, tablet, and desktop and executed 50 cross-team features per month from requirements to design, testing, and deployment.
Portfolio
Experience
Availability
Preferred Environment
React, Redux, Redux-Saga, HTML, CSS, JavaScript, Cypress, Yarn, Jest, Material UI
The most amazing...
...product I've built is a real-time system, which was a crucial milestone in the customer's business model. It opened a whole new world of opportunities for them.
Work Experience
Team Lead
GO7
- Led a project of 11 front-end developers, successfully delivering a new and innovative front-end infrastructure.
- Developed a clever way to embed React components seamlessly in simple HTML pages, enhancing the company's ability to build dynamic and interactive user interfaces.
- Implemented a design system using Storybook, effectively organizing components into distinct categories: atoms, molecules, organisms, templates, and pages, streamlining development and design collaboration.
- Designed the infrastructure to be agnostic to any back-end system, enabling easy integration with various back-end technologies. The infrastructure also efficiently normalizes requests and responses according to the UI needs.
Full-stack Freelance
Check Point
- Drove migration of an existing application into a modern application to fulfill new business requirements.
- Transformed an Ext.js application to React. Existing data structures and views were kept while new components were built using React and its ecosystem, specifically Redux, Saga, and others.
- Created a hybrid environment allowing the legacy application to live alongside the new one.
Front-end Developer
Array, LLC
- Created a web component with 31 different pages from scratch, using Svelte, based on an internal framework. The component introduced an onboarding process for new customers and a dashboard for existing ones.
- Wrote 52 Playwright integration tests that ran on CI, filled forms with mock data, and ensured that the expected result returned.
- Developed a GitLab CI process that generates sample data from a RAML file and replaces the server responses with this data. This technique broke the dependency between the client and the server during tests.
- Delivered a Temporal workflow that generates a loan report, stores it in a CSV file using Go, and uploads it to Cross River Bank's servers.
Front-end Freelance
Amdocs
- Created and led the UI development of a new project as the sole front-end developer. This innovative application was used internally by dozens of developers, DevOps engineers, and managers as it introduced real-time information about several SaaS accounts, such as the number of available clusters, pods, and servers.
- Built the UI dashboard from scratch, using Material-UI, React, TypeScript, Redux, and Redux-saga. The smart UI tables displayed the information in bulk and were able to cache the results in the browser for fast future access; some of the information was transported via WebSockets.
- Created an E2E automated process (using Cypress.io and Jenkins); it stubbed network requests during runtime, which adds stability and resiliency to the application.
- Mentored two back-end developers (one is offshore): introduced them to front-end technologies and trained them.
Front-end Freelance
Check Point
- Consulted the team leader regarding the application’s infrastructure, team’s technologies, designs, code reviews, and more.
- Transformed a dashboard screen to be fully responsive using Antd.
- Refactored critical components, which included separating the business logic from the presentation and improving reusability.
- Wrote a Bash script that creates a MongoDB database and adds seed data for running E2E tests against it.
Back-end Node.js Freelance
Carlson Wagonlit Travel
- Built a messaging framework that allows travelers to message agents via different channels (Slack, WhatsApp, Facebook, and more) through webhooks.
- Integrated Microsoft Teams as a messaging channel between travelers and agents, using my built messaging framework.
- Created E2E acceptance tests, which send messages from travelers to agents and back and verify that the messages arrived successfully.
Full-stack Freelance
Verint
- Consulted with the full-stack team lead regarding the application’s infrastructure, team’s technologies, designs, code reviews, etc.
- Designed and built a UI-component library for React and used Storybook and Yarn to create a convenient way for the team to create and maintain React components in an isolated and extendable environment.
- Integrated Jest as a unit test library for both the back end (Node.js) and front end (React).
- Added unit tests and coverage metrics to the CI pipeline to increase the quality and speed of the development cycle.
- Implemented a real-time notification capability by transferring all incoming messages from RabbitMQ to the Redux store via WebSockets.
- Created a mono repository using Lerna and Yarn workspaces; it included components, client, and server projects.
Front-end Freelance
Bond Sports
- Developed a website that allows scheduling sports activities and leagues.
- Created a reservation system that contains scheduling an event, adding participants, and buying add-ons.
- Added a payment option by integrating with Stripe API.
- Created a layout system for the application, which significantly reduced the amount of code, helping to scale the front-end development and meet the timelines.
Team Lead | Scrum Master | Software Engineer
Liveperson
- Led and empowered six software, QA, and automation engineers.
- Collaborated with 150 developers, product managers, and architects. Developed and integrated our product in a cloud-based environment that served two billion monitored sites and 27 million live engagements per month across more than 18,000 sites.
- Executed 50 cross-team features per month from the product requirements stage through the design, execution, review, testing, and automation until the deployment to the company’s seven CDN farms worldwide.
- Served as the company's focal point concerning the web consumer-facing area and worked closely with project and product managers in the execution of the yearly product roadmap, which involved more than 15 teams.
- Initiated a QA process that separated the rollout from deployment and helped reach 0% downtime in production.
- Designed, built, and maintained the consumer-facing chat and messaging solutions, using cutting-edge technologies while executing five new monthly features.
- Built and maintained the monitoring solution for LivePerson’s reporting and data analysis systems, which helps the company charge customers as part of the freemium business model.
- Engineered solutions for various problems, including accessibility (level AA), a delivery system deployment tool, cross-domain monitoring, and more.
Full-stack Freelance
Iron Source
- Developed a dashboard system with online ad usage statistics using Backbone.js and Backbone.Marionette (front end) and Node.js (back end).
- Built a proxy tool for QA testers, which simulates ads within external websites and saves the company tens of thousands of dollars per day by preventing production bugs.
- Constructed an ad-tracking system using Node.js, which gathers information about ads' exposure, clicks, and leads.
- Developed 200 responsive ads for mobile, tablet, and desktop, which dramatically improved the consumer experience in mobile devices.
Full-stack Freelance
ooVoo
- Maintained the company's official website. The website was built using HTML, CSS, JavaScript, jQuery, and ASP.NET and was hosted in IIS servers.
- Created landing pages with forms for special campaigns, like the Christmas one.
- Developed a platform for testing the REST API on the mobile, web, PC, and macOS environments. The platform allowed ten testers to test the product in multiple environments at the same time.
Full-stack Freelance
LoveMe
- Created a chat application for Israel’s leading dating website. The chat was based on Ajax, which was cutting-edge technology back then.
- Cut and coded about 300 landing pages for online-interactive campaigns using Flash.
- Created about 100 interactive-Flash ads, which were published on Israel's most popular websites: Ynet, Walla, Panet, and more.
Owner
MCterano.com
- Established a private business and handled all its aspects, including management, sales, marketing, publishing, PR, and engineering.
- Created a custom CMS from scratch, based on ASP.NET. The customers used the system for full website management (content pages, contact forms, image galleries, and more).
- Recruited two employees (a graphic designer and a full-stack developer).
Experience
A Credit Builder For Array.com (One of Forbes' "Next Billion-Dollar Startups 2021")
https://www.buildcredit.comI received Figma designs as a reference for about 30 web pages. My mission was to turn the designs into a live web component using Svelte. I developed the web component from scratch for both mobile and desktop. Some of the designs were related to the registration process, and the others to a dashboard.
I managed to build the component E2E within three months and received great feedback from the client. I also built an automation tool that covered the process with more than 50 tests. The tool was adopted by the rest of the company after it increased the product's quality significantly.
TESTIMONIAL
"Highly skilled, organized, professional, friendly, communicative, and helpful only begins to describe Shai. He is a top-tier dev and a great person. I can't recommend him enough!" – Joe Schwehr, Software Engineer
An Omnichannel Solution for Carlson Wagonlit Travel (CWT)
https://appsource.microsoft.com/en-us/product/office/wa200001675?tab=overviewOn the technical aspect, I created a microservices architecture to deliver the solution. A messaging service was created to listen to user operations via Webhooks. From there, an abstract layer written in Express.js communicated with a vendor service, e.g., Slack, Facebook, Teams, etc., via a RESTful API. I created a service for each vendor and integrated our solution with its API. The new data was stored in a MongoDB database. Once the database was updated, the other channels were notified through the messaging service. All services ran on Docker instances.
The chosen architecture allowed the solution to scale. New vendors like Twilio, Gmail, and others could be added easily, and the company gained a huge advantage over its competitors by being able to build new features with minimal effort and customize them according to the customers' needs.
A Messaging Platform for LivePerson
http://www.liveperson.comTESTIMONIALS
"Shai is one of the most diligent, detail-oriented and clear [sic] I've worked with. We've gone through complicated times prioritizing and hacking bugs and tasks for high-paying customers. In these times, having a person who can provide honest timelines and deliver upon them is *priceless*." – Maor Bluman, Product Manager
"I had the opportunity to work with Shai at Liveperson. Shai owns a unique skill that is a key to success for any engineering team: he is capable of finding a way to each and every person, understanding him/her, no matter how different or opposite they are. This skill and the power of doubting assumptions in order to reach the best quality of features delivery make him an asset." – Adiel Ivantsiv, Software Engineer
Education
Bachelor's Degree in Business Administration
The Open University - Ra'anana, Israel
Certifications
Marketing Management
Tel Aviv University
Skills
Libraries/APIs
React, Redux-Saga, Node.js, Antd, REST APIs, React Router, OpenID, Socket.IO, Sinon.JS, Chai, Playwright, OpenAPI, Recharts, Slack API, Facebook SDK, Backbone.js, Backbone.Marionette, jQuery, MooTools, React Redux, Emotion Library, Stripe API, Facebook API
Tools
Flash, NPM, GitHub, JSX, Sublime Text, IntelliJ IDEA, Redux Toolkit, Babel, WebStorm, Trello, Mocha, Webpack, Visual Studio, Slack, Jira, Jenkins, React Apollo, Microsoft Teams, Smooch SDK, RabbitMQ, Photoshop 7, Git, Bitbucket, GitLab, Auth0, Figma, Balsamiq Mockups
Languages
HTML, CSS, JavaScript, Bash Script, TypeScript, HTML5, Sass, CSS3, SQL, ECMAScript (ES6), GraphQL, SCSS, JavaScript 6, Lua, Go, C#
Frameworks
Redux, Material UI, Yarn, Next.js, Svelte, JSON Web Tokens (JWT), OAuth 2, Tailwind CSS, Cypress, Jest, Express.js, React Native, AngularJS, ASP.NET, Ext JS, Vanilla JS, .NET, Bootstrap
Paradigms
Management, REST, HTML DOM, Unit Testing, Agile, Testing, Responsive Web Design (RWD), UX Design, Business Intelligence (BI)
Storage
JSON, MongoDB, Databases, MySQL, CockroachDB, PostgreSQL
Industry Expertise
Project Management
Platforms
Linux, MacOS, Docker, OpenShift, Amazon Web Services (AWS), WordPress
Other
Storybook, Front-end Development, Full-stack, Web Development, System Architecture, Client-side, Front-end, Architecture, Styled-components, Pixel Perfect, API Documentation, Software Analysis, Web Applications, Full-stack Development, OAuth, Responsive Web Apps, Source Code Review, Code Review, Single-page Applications (SPA), Large-scale Projects, Server-side Rendering (SSR), React Hooks, Software Architecture, Interactive UI, API Integration, Documentation, Technical Documentation, Front-end Architecture, Cross-browser Compatibility, Responsive Design, Technical Leadership, Web Usability, User Interface (UI), Material Design, UI Components, Design Systems, WebSockets, APIs, API Design, Back-end, Technical Hiring, Task Analysis, Interviewing, Team Management, Authentication, WCAG 2, Accessibility, CI/CD Pipelines, Gmail, Apollo Server, Webhooks, Public Relations (PR), Stripe Payments, Application State Management, Leadership, Team Leadership, RAML, Temporal, Serverless
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