Greco Rubio, Developer in Mérida, Mexico
Greco is available for hire
Hire Greco

Greco Rubio

Verified Expert  in Engineering

Responsive Design Developer

Mérida, Mexico

Toptal member since May 4, 2016

Expertise
Front-endCSSJavaScriptWeb DevelopmentHTML5React.jsBitcoinDashboardFintech DevelopmentSQLLinuxjQueryMacOSGit
Bio

Greco's mind works with both logic and creativity. He understands the gap between designers and developers as he builds large-scale, maintainable interfaces. He's reliable and a great problem solver, and he has worked with Agile development teams. He loves aesthetically pleasing yet functional products.

Portfolio

Tecnologico de Software
Blockchain, Smart Contracts, Solidity, University Teaching, Public Speaking...
Rubrik
React, TypeScript, Material UI, Vite, CSS, Web Accessibility, Styled-components...
OpenTable
React, TypeScript, Server-side Rendering (SSR), Styled-components...

Experience

  • JavaScript - 12 years
  • HTML5 - 8 years
  • Responsive Design - 8 years
  • CSS3 - 7 years
  • Git - 6 years
  • React - 6 years
  • Node.js - 4 years
  • TypeScript - 3 years

Availability

Part-time

Preferred Environment

Continuous Integration (CI), Docker, Git, Visual Studio Code (VS Code), Linux, MacOS

The most amazing...

...thing I've coded is a JavaScript framework that helped developers reduce their development time and move closer to the SPA approach.

Work Experience

Blockchain Technology Instructor

2025 - 2025
Tecnologico de Software
  • Designed and led hands-on labs where students wrote, tested, and deployed Solidity smart contracts on Ethereum testnets and Hyperledger Fabric networks, fostering their practical mastery of blockchain development.
  • Guided them through complex topics—ranging from EVM internals and layer two scaling to decentralized identifiers and NFT tokenization—ensuring every student could architect and launch a full-stack DApp.
  • Enabled my students to consistently achieve top marks on theoretical exams and real-world coding challenges.
Technologies: Blockchain, Smart Contracts, Solidity, University Teaching, Public Speaking, Coaching, Hardhat, Web3, Web3.js, Ethereum, Bitcoin, Ganache, Truffle, Software Development, Git

Senior Front-end Engineer

2024 - 2025
Rubrik
  • Refactored the inventory card and revamped the icon system, improving UI consistency and streamlining collaboration between design and development teams.
  • Migrated the DateInput component to React DayPicker with custom enhancements, modernizing date handling and enabling future compatibility with the Temporal API.
  • Redesigned the login layout and standardized table column sizing using CSS variables, boosting responsiveness and ensuring a more reliable user experience across devices.
  • Participated in enhancing how visual themes are applied throughout the application using CSS Token, considerably reducing the time for creating new visual themes.
Technologies: React, TypeScript, Material UI, Vite, CSS, Web Accessibility, Styled-components, UI Components, Continuous Integration (CI), React Testing Library, Figma, GraphQL, Software Development, Dashboards, Pixel Perfect, SVG, Agile Software Development, Scrum, Redux, Regex, Git, CSS3, HTML5, Front-end

React Developer

2024 - 2024
OpenTable
  • Participated in the development of variable pricing and improved the overall user experience on OpenTable's web platform.
  • Fixed several styling issues that improved the website's visual appearance and user experience.
  • Interacted with various development and UI design teams.
Technologies: React, TypeScript, Server-side Rendering (SSR), Styled-components, UI Components, Web Accessibility, Continuous Integration (CI), React Testing Library, Figma, GraphQL, Software Development, Responsive Design, Pixel Perfect, CSS, Agile Software Development, Scrum, Regex, Git, CSS3, HTML5, Front-end

Senior Front-end Engineer

2023 - 2023
CircleIn
  • Contributed to reaching a milestone on time for the next school year by building several UI features for the Student App and the Insights Dashboard App.
  • Pulled content from the CircleIn RESTful API with schema validation using the Zod library to get consistent data from the database.
  • Fixed several bugs to improve the app's performance and reliability.
Technologies: TypeScript, React, Material UI, Styled-components, Emotion Library, RESTful Web Services, UI Components, Continuous Integration (CI), Software Development, Responsive Design, Pixel Perfect, CSS, Agile Software Development, Scrum, Git, CSS3, HTML5, Front-end

Senior React Developer

2020 - 2022
Rubrik, Inc
  • Built several UI components using React and TypeScript.
  • Applied multiple theming to the new and existing UI components.
  • Improved the icon build system for the UI by automating the process of the handoff by the design team and the way they become available to the feature teams as React Components.
  • Created the custom ESLint rules to improve file dependency.
  • Worked on the directory structure improvements for the UI.
  • Wrote the unit tests for UI components using Jest and React Testing Library.
Technologies: React, TypeScript, Jest, Emotion Library, CSS-in-JS, React Testing Library, Figma, Storybook, Git, HTML5, CSS3, JavaScript, Redux, Node.js, Express.js, Scrum, Agile Software Development, CSS, Webpack, Pixel Perfect, MacOS, Material UI, Sketch, Enzyme, SVG, Visual Studio Code (VS Code), Continuous Integration (CI), HTML, Mocha, GraphQL, Software Development, Responsive Design, Regex, Docker, Front-end, Dashboards, Single-page Applications (SPAs), UI Components, Styled-components, Web Accessibility

Founder, Speaker and Community Lead

2018 - 2021
Blockchain Merida Community
  • Founded and managed a community of more than 100 Blockchain enthusiasts.
  • Gave several talks about NFTs, blockchain technology, decentralized IDs, DApps, and UX.
  • Organized an Ethereum blockchain workshop with a quorum of more than 50 people and had a great interest in them. This caused the community to increase and brought up new ideas for blockchain projects.
  • Introduced blockchain technology to students from more than five universities. Some of them implemented decentralized certificates for their teachers and students.
  • Created the logo for the community. We made stickers and t-shirts and caused the community members to embrace each other and move towards a common goal.
Technologies: Blockchain, Web3, Web3.js, Solidity, Ethereum, Bitcoin, Public Speaking, Ganache, Truffle, Hardhat, Smart Contracts, Git

Senior Front-end Engineer

2016 - 2020
Token
  • Created several demo sites using React, Redux, Next.js, MobX, and GSAP for interactive content.
  • Implemented the Token PSD2 API using their SDK for account access, transfer, and payment flow for third-party websites.
  • Wrote the unit tests using Jest, Enzyme, and integration and acceptance tests using Mocha and Cucumber.js.
  • Deployed several Node.js apps using Docker to showcase the payment process.
  • Worked with the design, development, and Agile teams using CI/CD tools.
Technologies: Front-end, Express.js, React, Cucumber, Enzyme, Jest, Mocha, Docker, D3.js, GSAP, Material UI, PostCSS, MobX, Next.js, Redux, Webpack, Responsive Design, Git, HTML5, CSS3, JavaScript, Behavior-driven Development (BDD), Node.js, Scrum, Agile Software Development, CSS, Pixel Perfect, Adobe Photoshop, MacOS, Sketch, Visual Studio Code (VS Code), Continuous Integration (CI), HTML, TypeScript, CSS-in-JS, Figma, GraphQL, Software Development, Regex, Rust, Dashboards, API Integration, Single-page Applications (SPAs), Fintech

Front-end Developer

2016 - 2016
Samplephonics
  • Converted PSD designs into Haml templates that integrate with Ruby.
  • Worked on Sass for styling and improved CSS structure.
  • Designed several animated SVG icons from provided video mocks.
  • Styled and fixed functionality for the sound playback control.
  • Proposed some UI/UX improvements, which they were evaluating to include in a later development phase.
Technologies: Front-end, SVG, WaveSurfer, Haml, Sass, CoffeeScript, JavaScript, Git, HTML5, CSS3, CSS, Pixel Perfect, Sketch, Codeship, Visual Studio Code (VS Code), HTML, Mocha, Cucumber, Software Development, jQuery

Founder, Designer, and Developer

2009 - 2016
Paradigma Marketing Digital
  • Created several websites using CSS preprocessors, HTML templates, Backbone.js, and React.
  • Designed and developed the Gurunum app for Android, using MySQL and Python + Flask for the back end.
  • Improved some mobile app interfaces and a better screen flow.
Technologies: Front-end, HTML5, CSS3, Java, Python, Node.js, SQL, JavaScript, Adobe Photoshop, Web Design, React, Git, Blockchain, Express.js, Flask, Android, CodeIgniter, Backbone.js, PHP, Solidity, Firebase, CSS, Sass, Pixel Perfect, MacOS, Design Thinking, PostCSS, JADE, Sketch, Lean Startups, Model View Controller (MVC), Sublime Text, Visual Studio Code (VS Code), HTML, Adobe After Effects, Software Development, Responsive Design, Jasmine, MySQL, Docker, Linux, User Interface (UI), Responsive Web Design (RWD), Dashboards

UI/UX Designer and Developer

2009 - 2016
Mejora Labs
  • Developed a JavaScript framework so the .NET developers could build SPAs and rich-content dynamic web apps.
  • Created UI JavaScript components for data representation that communicate with the back end using RESTful web services.
  • Reduced the server data payload by building single-page applications.
  • Created an easy-to-customize UI template for project Bootstrap.
  • Worked with the Agile development teams using Scrum processes.
Technologies: Front-end, CSS3, HTML5, Node.js, PHP, .NET, JavaScript, Responsive Design, Web Design, Git, Express.js, Flash ActionScript, CodeIgniter, Backbone.js, Firebase, Scrum, CSS, Flash, Sass, Pixel Perfect, MacOS, Design Thinking, PostCSS, JADE, GSAP, Sketch, Model View Controller (MVC), Sublime Text, HTML, ActionScript 3, Adobe After Effects, Software Development, Jasmine, CoffeeScript, Microsoft SQL Server, C#, MySQL, Regex, Docker, jQuery, Linux, User Interface (UI), Responsive Web Design (RWD), Dashboards, API Integration, Single-page Applications (SPAs), Bootstrap

ActionScript Developer

2008 - 2008
Weblogica
  • Created full websites with ActionScript, Flash, and Flex.
  • Developed several UI components for Flash and Flex.
  • Integrated custom UI, Flash, and After Effects animations for Flash sites.
  • Worked with marketing, design, and development teams.
Technologies: ActionScript 3, Adobe Photoshop, Adobe After Effects, Flash ActionScript, Flash, Software Development

Web Designer and Developer

2005 - 2008
Alkimia Brandesign
  • Developed rich content Flash websites with ActionScript, AMF, PHP, and MySQL.
  • Used CodeIgniter Framework for PHP to build websites.
  • Designed and developed several websites for both the private and public sectors.
  • Built a PHP development server with Ubuntu Linux server.
Technologies: CSS, HTML, Flash ActionScript, SQL, PHP, JavaScript, CodeIgniter, Flash, Adobe Photoshop, Model View Controller (MVC), ActionScript 3, Software Development, Web Design, jQuery, Linux, User Interface (UI), Front-end

ASP Developer

2002 - 2002
Visitcancun.com
  • Worked with Authorize.Net and PayPal for eCommerce.
  • Created a server component to hold the pending reservation process as the user moved between the specified steps.
  • Partnered with other development and design team members.
  • Collaborated with clients from English-speaking countries.
Technologies: HTML, SQL, Active Server Pages (ASP), Software Development, Web Design, User Interface (UI)

Co-founder, Web Designer, and Developer

2001 - 2001
Grupo Cancunsites
  • Developed a directory of companies with search capabilities.
  • Created a health site with access for users and medical staff.
  • Created a site with friend forums, classified ads, and chat rooms.
  • Partnered with a couple of companies to design and build their websites.
  • Learned to assess the clients' requirements to build their websites.
Technologies: Flash, CSS, HTML, SQL, Active Server Pages (ASP), Software Development, Web Design, User Interface (UI)

Experience

Rubrik Platform Revamp

https://youtu.be/F9949Q-_onc
We built a set of UI components based on Figma designs provided by the design team that allowed theming, rich content, and a great-looking UI. I took ownership of some UI component migration, created unit tests, and deployed them to production. I bootstrapped the files for theming and migrated both the icons and animated illustrations. I also created documentation and showcased components using Storybook.

Personal Website

Designed and developed a responsive single page for my personal website, built with CSS preprocessors, HTML5 with Jade, and React for dynamic views. This site is lightweight, simple, and web-accessible.

Token Dashboard

https://dashboard.dev.token.io/signup
I worked on the UI and components for the Dashboard, including the password validation widget. This was one of my first projects to work with TypeScript and Next.js. We also used styled-components from the Material UI library.

Education

2002 - 2006

Bachelor's Degree in Visual Design

Universidad Modelo - Merida, Yucatan, Mexico

1999 - 2001

Bachelor's Degree in Informatics

Universidad Tecnologica de Cancun - Cancun, Quintana Roo, Mexico

Certifications

JANUARY 2019 - PRESENT

Blockchain Specialization

The State University of New York & University at Buffalo | via Coursera

FEBRUARY 2018 - PRESENT

Blockchain and Bitcoin Fundamentals

Udemy

NOVEMBER 2017 - PRESENT

Toptal React Academy

Toptal, LLC

Skills

Libraries/APIs

React, MobX, GSAP, jQuery, Node.js, Emotion Library, React Testing Library, Web3.js, D3.js, Backbone.js

Tools

Webpack, Mocha, PostCSS, Git, Adobe Photoshop, Sketch, Figma, Adobe After Effects, Ganache, Flash, WaveSurfer, Cucumber, Codeship, Sublime Text

Languages

HTML, CSS, CSS3, HTML5, JavaScript, Sass, TypeScript, JADE, Haml, SQL, Regex, GraphQL, Rust, Active Server Pages (ASP), ActionScript 3, CoffeeScript, C#, Flash ActionScript, Python, Java, PHP, Solidity

Frameworks

Material UI, Jest, Redux, Express.js, Truffle, Hardhat, Bootstrap, Next.js, Jasmine, .NET, CodeIgniter, Flask

Paradigms

Responsive Web Design (RWD), Continuous Integration (CI), Design Thinking, Scrum, Agile Software Development, Behavior-driven Development (BDD), Model View Controller (MVC)

Industry Expertise

Web Design

Platforms

Docker, MacOS, Linux, Blockchain, Visual Studio Code (VS Code), Ethereum, Firebase, Android

Storage

MySQL, Microsoft SQL Server

Other

Pixel Perfect, Front-end, Software Development, Responsive Design, API Integration, Enzyme, Storybook, SVG, User Interface (UI), CSS-in-JS, Dashboards, Web3, Bitcoin, Public Speaking, Single-page Applications (SPAs), Styled-components, RESTful Web Services, UI Components, Web Accessibility, Fintech, Lean Startups, Server-side Rendering (SSR), Vite, Smart Contracts, University Teaching, Coaching

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