
Sergei Garcia
Verified Expert in Engineering
Front End Developer
Dublin, Ireland
Toptal member since December 9, 2020
Sergei is a senior software engineer with 12 years building user-facing products across the stack. At Reddit, he owned the web experience for LLM-translated content across 41 languages, built agentic development and verification workflows, and managed three front-end engineers. He brings a design and UX perspective to architecture and web performance, working with React, TypeScript, Node.js, and Next.js.
Portfolio
Experience
- Front-end Development - 10 years
- JavaScript - 10 years
- Node.js - 6 years
- React - 6 years
- Web Performance Optimization (WPO) - 4 years
- Full-stack Development - 3 years
- GraphQL - 3 years
- TypeScript - 2 years
Work Experience
Senior Software Engineer
- Owned the web experience for LLM-translated user-generated content at Reddit, the surface behind the company's largest international growth results of 2024 to 2026: spanning 41 languages and reaching tens of millions of daily users.
- Redesigned it from the ground up: translation indicators, language controls, multilingual reading, compact view, and the exposure and telemetry layer under all of it.
- Re-architected English translation delivery to render server-side, cutting up to 250ms of dead client code for the 90% of users who never see a translation.
- Built the server side of new features in Reddit's in-house server-rendering framework: consuming GraphQL endpoints, request middleware, partial-page endpoints, and server-to-client data flow, plus BigQuery SQL to measure results.
- Created AI code-review personas that carry domain expertise onto every change, code-quality rules that catch tests passing while the product is broken, and agentic browser verification powered by Playwright end-to-end browser testing suites.
- Built developer tools now used across Reddit engineering, one in the code editor and one in the browser, replacing error-prone manual setup with one click.
- Enabled one-click targeting of test runs, reproduction of an exact experiment or user state, inspection of what the server rendered, and handoff of a working setup to a teammate.
- Onboarded every front-end contractor who joined after me, with consistently positive feedback, and wrote the domain guides that both new engineers and AI agents learn from.
- Extended that company-wide with an AI fluency course built to make people productive with agentic workflows while spending less on models, and I'm now moving it from a hosted resource to taught sessions.
- Managed three other front-end engineers as a full-time senior software engineer at Reddit.
Lead Front-end Engineer
Teaching.com
- Led two transformational React/Tailwind/Laravel migration projects at Typing.com. Worked on the teacher portal and the internal customer service dashboard. Substantially improved user experience for 35+ million users and internal staff.
- Pioneered significant operational enhancements, including a robust PR process, a coherent issue triage system, and a standardized design system component library.
- Planned, executed, and released an administrative dashboard composed of at least 50 pages originally in Backbone.js to React in four months.
- Championed a growth-oriented team environment by mentoring colleagues and enforcing engineering best practices.
- Designed a GraphQL API architecture proposal for the React admin migration, with a working demo and risk analysis to evaluate the approach.
Interview Engineer Expert
Karat
- Conducted interviews that evaluated fundamental computer science skills, grading software craftsmanship, and specific technologies.
- Performed with a strict commitment to delivering a great candidate experience, offering guidance and encouragement to maximize candidate potential. All without compromising results that were neutral, objective, and opinion-free.
- Specialized in over ten interview question sets across a wide variety of computer science topics, as well as front-end fundamentals.
JavaScript Architect
Deviget
- Spearheaded the development of RxVantage, a healthcare application that connected healthcare professionals by leveraging the Vue/Nuxt/Apollo/GraphQL stack.
- Converted product requirements into action items that the front-end team could ingest; also participated in grooming discussions with the back-end team lead to identify blockers and suggested timeline and priority changes before each agile sprint.
- Operated as a cornerstone for architectural decision-making. Consistently removed roadblocks and instilled best-practice guidelines through meticulous code reviews and frequent mentoring sessions for the front-end team.
- Wrote Node.js GraphQL resolvers for the healthcare application, complementing the Vue/Nuxt/Apollo front end and shaping architecture decisions as the product took form.
Senior Software Engineer
DigitalOnUs
- Led a ground-up development of the checkout flow from intellius.com, leveraging Vue.js/Vuex/Nuxt/Apollo/GraphQL/Express/Node.js, improving network speed and developer experience by streamlining complex, relational data requests.
- Recognized the team's knowledge gaps in GraphQL and Vue and hosted regular knowledge-building workshops to bridge the team's proficiency gap in GraphQL and Vue, earning accolades from peers and management for this proactive upskilling effort.
- Served as a career growth coach for two junior engineers, facilitating monthly dialogues and goal-setting sessions for career progression within the company.
- Modernized a legacy Ember application toward more maintainable standards while preserving browser compatibility, alongside full-stack checkout development and regular team workshops.
Full-stack Mentor & Course Instructor
Thinkful
- Acted as 1:1 mentor for students in a rigorous full-stack course capable of producing job-ready engineers utilizing the MongoDB/Express/Node.js/ React stack.
- Achieved an exceptional track record characterized by 100% student satisfaction. This included creating and delivering over ten unique workshops that earned an average student rating of 9.5 / 10.
- Inspired students to uphold best practices, develop robust portfolios, and gain confidence for networking and interviews.
Full-stack Engineer
Luxoft
- Improved and modernized Expedia's booking System. Adapted legacy booking process to follow modern functional programming practices and developed a global ad-serving platform built with Node.js.
- Enhanced testing efficiency by introducing automated testing with Selenium and Puppeteer, reporting a 300% improvement in testing speed.
- Managed and implemented a hospitality wizard MVP using React, Apollo, and GraphQL, rapidly learning GraphQL to ensure successful project delivery.
Front-end Bootcamp Instructor
Desafio Latam
- Functioned as a key instructor for Desafio Latam's full-stack web developer bootcamp, specializing in delivering comprehensive learning content for the front-end development modules, empowering the next generation of web developers.
- Created the entire course syllabus and materials used during the course.
- Evaluated student exercises and provided customized feedback to each student, as well as action plans to resolve areas of opportunity.
Front-end Developer
Inflection Point
- Developed new components for a company in the education sector using the Salesforce CMS and AngularJS. Achievements include reducing unit testing development time by over 80% by migrating component structure to a microservices approach.
- Maintained the company website by regularly fixing bugs and adding new functionality including enhancements that improved scrolling and loading performance by over 40%.
- Migrated a JavaScript bundler from a legacy Grunt build to a new Gulp build that was 40% smaller in configuration size making it easier to maintain—by at least 50% faster—and used current and up-to-date plugins.
Front-end Developer
Accenture
- Developed a hybrid HTML5 mobile application for a Forbes 500 agriculture company using Ionic/Cordova, AngularJS, Couchbase, and ArcGIS in a transformative role.
- Embraced senior responsibilities, like identifying and acting upon areas for improvement in performance, testing, and development processes, which led to remarkable rendering performance improvement of three to five times.
- Built a prototype iOS hospital demo application via C# Xamarin Forms and accomplished within a demanding four-week deadline.
Project History
Typing.com
https://www.typing.com/Additionally, I used Shape Up to turn stakeholder requests into manageable work, estimate delivery, and communicate directly with leadership. I resolved an architecture disagreement by presenting trade-offs and establishing an agreed direction. I also proposed a GraphQL API architecture for the React Admin migration, including a working demo and risk analysis.
Finally, I established a PR process, issue triage, and a shared design-system component library. I also mentored colleagues, strengthened engineering practices, and earned praise from management and peers for quality, communication, and delivery.
RxVantage
I converted product requirements into actionable front-end work, coordinated with the back-end lead to identify blockers and priorities, and shaped architecture decisions as the product took form. I managed and mentored two developers through code reviews and hands-on guidance, strengthening the team's shared understanding of the stack. Management recognized improved delivery speed and technical confidence as a result. The product digitized a previously offline communication process between healthcare and pharmaceutical teams.
Intelius
I maintained browser compatibility while modernizing legacy code. I led code reviews across a distributed team and started regular Vue and GraphQL workshops with practical examples to build confidence in an unfamiliar stack. I also coached two junior engineers through monthly career-growth conversations and goal-setting. The proactive workshops and mentoring earned recognition from peers and management.
Expedia
I also introduced Selenium and Puppeteer browser automation, reporting a 300% improvement in testing speed. This reduced reliance on slow manual test runs, made changes easier to verify, and improved delivery quality and timelines.
HomeAway
Reddit: Multilingual Web Experience and Agentic Engineering
https://redditinc.com/news/bringing-reddit-to-more-people-around-the-world-machine-learning-powered-localization-and-translation-launching-in-more-than-35-new-countriesI built domain-aware AI code-review personas, product-quality rules, and agentic browser verification with Playwright. My editor and browser tools, used across Reddit engineering, made test targeting, experiment reproduction, server-output inspection, and sharing setups possible in one click. I managed three front-end engineers, onboarded every front-end contractor who joined after me, wrote guides for engineers and AI agents, and created a company-wide AI fluency course on productive, cost-aware agentic workflows.
Education
Bachelor's Degree in Software Development
Universidad Tecmilenio - Monterrey, NL, Mexico
Certifications
Mobile Web Specialist
TOEIC English Certification (950/990)
ETS
Skills
Libraries/APIs
Vue 2, Vuex, React, Backbone.js, jQuery, Vue, Chai, Underscore.js, React Router, Node.js, Puppeteer, Velocity.js, GSAP, Playwright, Chart.js, Polymer
Tools
GitHub, Mocha, Grunt, Gulp, WebStorm, Webpack, Git, Basecamp, Jira, Redux Toolkit, React Apollo, Webpack 4, Trello, Figma, BigQuery, Claude Code, Astro, GitHub Copilot, Codex
Languages
JavaScript, CSS, HTML5, HTML, ECMAScript (ES6), Less, Sass, SCSS, CSS3, GraphQL, SQL, TypeScript, PHP, C#
Frameworks
Bootstrap 3, AngularJS, Redux, Tailwind CSS, Bootstrap, JSON Web Tokens (JWT), Nuxt.js, Ember.js, Express.js, Vuetify, Jasmine, Jest, Hapi.js, Laravel, Selenium, Next.js, Angular
Paradigms
Agile, Web Performance Optimization (WPO), Unit Testing, REST, SMACSS, BEM, Scrum, Agile Workflow, Mobile Development, Model Context Protocol (MCP)
Platforms
MacOS, Windows, Visual Studio Code (VS Code), Docker, Netlify, Linux, Ubuntu
Storage
MongoDB, PostgreSQL
Industry Expertise
Project Management
Other
Progressive Web Applications (PWAs), Mentorship, Enzyme, Front-end, Single-page Applications (SPAs), APIs, Chakra UI, Full-stack, Front-end Development, Mentorship & Coaching, CSS-in-JS, Vue Router, Git Flow, Team Mentoring, Interviewing, English, A11Y, Accessible Rich Internet Applications (ARIA), Web Accessibility, Computer Science, Architecture, Apollo Server, Apollo, Styled-components, Gatsby, Software Project Management, Full-stack Development, Software Architecture, Design Systems, CSS Modules, Xamarin.Forms, User Interface (UI), User Experience (UX), Storybook, Cursor AI, Agentic Workflow Design, Agentic Coding, Prompt Engineering, Large Language Models (LLMs)
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