Publication
Picasso: How to Test a Component Library
https://www.toptal.com/developers/react/picasso-component-testing-library
Boris is currently unavailable
Boris Yordanov
Verified Expert in Engineering
Software Developer
Spring Lake, NJ, United States
Toptal member since July 15, 2017
Bio
Boris is a full-time web developer working mainly with Vanilla JS and the most popular JavaScript frameworks like Angular, React, and Meteor. He made his first website when he was 14, and since then, he has made more than 400 WordPress sites during his freelancing career. Nowadays, he designs and builds custom web applications and sites.
Portfolio
Toki
Google Cloud Platform (GCP), Amazon Web Services (AWS), Next.js, TypeScript...
Remo
React, TypeScript, TokBox, GitHub, Google Cloud Platform (GCP), MongoDB, Jest...
Toptal
Styled-components, Webpack, Lerna, TypeScript, React, User Interface (UI)...
Experience
- TypeScript - 5 years
- Node.js - 5 years
- React - 5 years
- Google Cloud Platform (GCP) - 4 years
- GraphQL - 4 years
- Terraform - 2 years
- Next.js - 2 years
- Amazon Web Services (AWS) - 2 years
Preferred Environment
Visual Studio Code (VS Code), React, TypeScript, HTML, CSS, Windows, Linux
The most amazing...
...project was with INNODIA, an international organization that is instrumental in helping understand and cure Type 1 diabetes.
Work Experience
Principal Engineer
2022 - PRESENT
Toki
- Cut cycle time by 50% by introducing automation, performance metrics, and feedback loops.
- Built an observability framework using OpenTelemetry.
- Created a user-friendly onboarding and self-service portal to enhance customer experience.
- Developed a multi-channel notification microservice to support email, SMS, and push notifications.
- Consolidated domain ownership and DNS management in Cloudflare.
Technologies: Google Cloud Platform (GCP), Amazon Web Services (AWS), Next.js, TypeScript, Python, CircleCI, Terraform, WordPress, Cloudflare, GitHub, JavaScript Testing, Mobile, Mobile UI, Agile Software Development, SendGrid, NPM, Git, NoSQL, SQL, Front-end, Testing, Unit Testing, GitHub Pages, Forms, PostgreSQL, Front-end Development, Cloud Firestore, Conversion Rate Optimization (CRO), UX Design, Figma
Lead Developer
2021 - PRESENT
Remo
- Built a platform and the DevOps team and hired two new team members.
- Built a CI/CD pipeline that ensures the main branch is evergreen.
- Improved DX by writing an internal handbook for on-call engineers.
- Created coding standards for the engineering organization.
- Improved system visibility and debugging by introducing RUM, APM, and CI monitoring with Datadog.
- Resolved security vulnerabilities and introduced SecOps.
- Led workshops on unit testing, code review, and monitoring.
- Doubled the size of the QA team from two to four.
Technologies: React, TypeScript, TokBox, GitHub, Google Cloud Platform (GCP), MongoDB, Jest, RTL, GitHub Actions, YAML, Node.js, Storybook, JavaScript Testing, Mobile, Mobile UI, Agile Software Development, SendGrid, NPM, Git, NoSQL, Front-end, Testing, Unit Testing, Forms, Front-end Development, Cloud Firestore, UX Design
Engineering Manager
2020 - PRESENT
Toptal
- Expanded the team by hiring and onboarding two senior front-end engineers.
- Planned and released a new major version of our component library, Picasso, while serving as its product owner.
- Acted as a scrum master to a team of seven and a product owner of three open-source projects.
- Standardized front-end development and architecture practices across the entire company.
Technologies: Styled-components, Webpack, Lerna, TypeScript, React, User Interface (UI), User Experience (UX), Next.js, Storybook, GitHub, JavaScript Testing, Mobile, Mobile UI, Agile Software Development, NPM, Git, UI Animation, Three.js, NoSQL, Front-end Architecture, Front-end, Testing, Unit Testing, Integration Testing, Motion & Animation Design, Forms, Puppeteer, Front-end Development, UX Design, Figma
Freelance Web Developer
2010 - PRESENT
Freelance
- Developed Creamcredit.lv, a portal for personal crediting. I used Pug, Sass, and a custom Gulp build process.
- Built Enjoycopenhagen.dk, a web app that sells tours in Copenhagen. It was built with React, Node.js, and Firebase.
- Constructed Glashausltd.com, a custom-built website with HTML5, CSS3, JavaScript and PHP. The greatest challenge was the configurator, which allows users to customize their order and get an email with their configuration.
- Created VRdreams.co, a portfolio website for a video production company specializing in VR and 360 videos. It was built with WordPress.
- Developed Oreshakabg.com, a dual-language WordPress website for a local hotel.
Technologies: WordPress, PHP, JavaScript, CSS, HTML, HTML Templates, Webflow, UI Design, GitHub, Mobile, Mobile UI, Agile Software Development, Redux, NPM, Git, HTML5 Canvas, Three.js, Heroku, Laravel, Front-end, Testing, Unit Testing, HTML Canvas, Forms, Pug, Front-end Development, APIs, SCSS, Minimum Viable Product (MVP), Conversion Rate Optimization (CRO), UX Design
Senior Front-end Engineer
2019 - 2020
Toptal
- Contributed to the development of the new version of the talent profile editor.
- Contributed to our component library built with React, TypeScript, and Lerna.
- Identified architectural issues in our front-end apps, researched, and implemented solutions.
Technologies: Docker, GraphQL, Apollo, TypeScript, Storybook, Styled-components, React, User Interface (UI), CSS, HTML, GitHub, JavaScript Testing, Mobile, Mobile UI, Agile Software Development, Redux, NPM, Git, UI Animation, Three.js, Front-end, Testing, Unit Testing, Motion & Animation Design, Forms, Front-end Development
Front-end Developer
2018 - 2019
Brickshare
- Created a UI component library with styled-system, TypeScript and Storybook.
- Building and maintaining maqan.dk, brickshare.dk and new.brickshare.dk.
- Performed in house training in web app performance optimisation.
Technologies: Docker, GraphQL, Apollo, TypeScript, Storybook, Styled-components, React, Web Design, GitHub, JavaScript Testing, Mobile UI, Agile Software Development, Redux, NPM, Git, UI Animation, SQL, Testing, Unit Testing, Motion & Animation Design, Forms, Front-end Development
Full-stack Developer
2018 - 2018
Copenhagen University
- Planned, developed, and released a new version of an API and web app used for diabetes medical research.
- Implemented a Flask-based back end and AngularJS-based front end.
Technologies: PostgreSQL, Flask, Python, Angular, GitHub, Mobile UI, Agile Software Development, NPM, Git, Forms, Front-end Development
Full-stack Developer
2017 - 2018
Enjoy Copenhagen Ltd.
- Created a platform for selling tours for various tourist attractions in Copenhagen.
- Developed the front-end with React and Sass.
- Built the back-end up with a combination of Firebase and Node.js.
Technologies: Node.js, Firebase, Sass, React, GitHub, Agile Software Development, NPM, Git, UI Animation, SCSS, Forms, Front-end Development
Full-stack Developer
2017 - 2018
Systems Engineering Ltd. (Syseng.dk)
- Developed a prototype for a web app that allows users to apply the systems engineering concept to their projects; built with React.
- Built the UI with the Material UI React library and a React template.
- Developed the back-end using Firebase's real-time database.
- Set up the build process with Webpack.
Technologies: Sass, Firebase, React, GitHub, NPM, Git, Front-end Development
Front-end Developer
2017 - 2017
MentorMate.com
- Developed a copy of Spotify's web player during my internship at MentorMate. Users can log in, view their profile, save playlists, artists, and albums, and browse public content on Spotify.
- Created a web app displaying the top five JavaScript repositories on GitHub. The app allows you to view open and closed issues on one of those repositories and filter them.
- Developed a web app that allows you to create an account, save cooking recipes, and choose to make them public.
- Built a donation app for a school with AngularJS, Firebase, and Sass.
Technologies: Meteor, React, AngularJS, JavaScript, CSS, HTML, GitHub API, Bootstrap, GitHub, NPM, Git, Spotify API, SCSS, Gulp, Front-end Development
Project Manager
2016 - 2017
SmarTest.bg
- Automated the examination process; the tests are now generated, published, and graded in a matter of a few clicks. That means more free time for teachers to do what they are supposed to do: teach.
- Coordinated a four-person, multi-national team and assign tasks to each member; the communication is mostly done online.
- Won third place at SoftUni Techfest (Techfest.softuni.bg).
- Won third place in a social entrepreneurship competition (Ideinik.tuk-tam.bg).
- Developed an MVP which is now live and is currently being tested (individual teachers use it and give us feedback). Currently selecting a school for a large-scale pilot project.
Technologies: PHP, JavaScript, CSS, HTML, GitHub, Git
Project Manager
2016 - 2017
Gidr.io
- Managed client projects; mostly built with Meteor.
- Led and handled our own product—a project management tool that competes with JIRA, built with MeteorJS.
- Designed mockups and features for our clients and our own apps.
- Conducted end-to-end testing with Nightwatch.js and Sikuli.
- Implemented manual testing of our various projects.
Technologies: Sikuli, Nightwatch.js, Meteor, JavaScript, CSS, HTML, GitHub, Git
Engineer
2015 - 2016
Prototyp Ltd.
- Received customer designs and then figured out how to get them built; usually in a very limited amount of time so speed was essential.
- Wrote and implemented scripts that automated the drawing process which increased my productivity tenfold.
- Worked extremely productively; on a recent task, while being given the same amount of time, I created 45 drawings while a colleague with ten years more experience made five drawings and the project manager made 24.
- Led a team of four engineers during my last three months.
- Assigned tasks and explained how they should be completed to the team.
- Ensured that all the drawings were in order before they were sent for manufacturing.
- Communicated with our clients.
Technologies: AutoCAD
CEO | Co-founder
2014 - 2015
DroneSystems.org
- Worked as the CEO as well as chief engineer and pilot.
- Pitched to investors at the demo day of the Start It Smart Pre-Accelerator and the Startup Sauna competition.
- Won the "Best Marketing Startup" award at the JAStartup Competition (Jastartup.jabulgaria.org).
- Established a team of four people covering every key role in an early-stage startup.
- Launched our prototype and attracted out first customers (Kamenitza, Nivea, and JoinThePlayers).
Technologies: WordPress
SEO Expert
2012 - 2014
ApartmentsApart.com
- Worked as part of the team behind a number of successful apartment rental websites and online stores.
- Started out as an SEO expert and managed the marketing campaign—keyword researching, link building, analyzing traffic and bounce rate, and more.
- Set up and maintained a network of 400+ WordPress blogs.
- Conducted routine manual quality assurance (QA) on our money sites.
- Was promoted to team leader when the Bulgarian team expanded.
Technologies: WordPress, Semrush, Google Analytics
Experience
Toptal's Component Library
https://picasso.toptal.net/The UI I'm using to type this information and, most likely, the one you're using to read it has been built with the component library I helped create.
As a product owner, I planned and released a revamped version of Picasso. I also was in charge of an initiative to migrate all Toptal applications to use it.
As a product owner, I planned and released a revamped version of Picasso. I also was in charge of an initiative to migrate all Toptal applications to use it.
An Online Test That Assesses Children's Educational Level
http://placement.mathusee.com/This project was done for a Toptal client who provided the design in Photoshop that they needed to be turned into a working page. The back end is Laravel, and the front end is Vanilla JS, HTML, CSS, and JavaScript.
Educational Video and PDF Viewer
http://digital.demmelearning.com/I rebuilt the front end of a Laravel app according to the PSD designs the client provided. The changes were extensive and mainly focused on responsiveness improvements, brand identity updates, and animations.
Education
2017 - 2020
Bachelor's Degree in Information Technology
Aalborg University - Copenhagen, Denmark
2016 - 2017
Certificate in Full-stack Web Development
FreeCodeCamp.com - Sofia, Bulgaria
2016 - 2016
Certificate in Software Development (C#)
Telerik Academy - Sofia, Bulgaria
2011 - 2016
Master's Degree in Civil Engineering
University of Architecture, Civil Engineering and Geodesy - Sofia, Bulgaria
Certifications
JUNE 2009 - PRESENT
C1 Advanced (CAE)
Cambridge English
Skills
Libraries/APIs
React, Spotify API, GitHub API, Nightwatch.js, HTML5 Canvas, Puppeteer, Node.js, Three.js, Sikuli
Tools
Lerna, Webpack, GitHub Pages, NPM, Gulp, GitHub, Git, SendGrid, Figma, Google Analytics, CircleCI, Terraform, AutoCAD, TokBox, JavaScript Testing
Languages
TypeScript, GraphQL, Sass, JavaScript, CSS, HTML, YAML, Python, SQL, Pug, SCSS, PHP, Java, C#
Frameworks
Cypress, Jest, Material UI, Bootstrap, Redux, Next.js, AngularJS, Flask, Angular, Laravel
Paradigms
Testing, Unit Testing, UX Design, UI Design, Conversion Rate Optimization (CRO), Agile Software Development
Platforms
Visual Studio Code (VS Code), Firebase, Webflow, Docker, Heroku, WordPress, Linux, Meteor, Amazon Web Services (AWS), Windows, Android, Google Cloud Platform (GCP), Mobile
Storage
Cloud Firestore, NoSQL, MongoDB, PostgreSQL
Industry Expertise
Web Design
Other
User Interface (UI), Storybook, Apollo, GitHub Actions, Styled-components, UI Animation, HTML Canvas, Forms, Motion & Animation Design, Front-end, Front-end Development, Integration Testing, HTML Templates, APIs, Minimum Viable Product (MVP), User Experience (UX), Semrush, PDF, Front-end Architecture, RTL, Mobile UI, Games, Cloudflare, English
Collaboration That Works
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
1
Share your needs
Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2
Choose your talent
Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3
Start your risk-free talent trial
Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.
Top talent is in high demand.
Start hiring