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

Greco Rubio

Verified Expert  in Engineering

Responsive Design Developer

Location
Mérida, Mexico
Toptal Member Since
May 4, 2016

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

CircleIn
TypeScript, React, Material UI, Styled-components, Emotion Library...
Rubrik, Inc
React, TypeScript, Jest, Emotion Library, CSS-in-JS, React Testing Library...
Blockchain Merida Community
Blockchain, Web3, Web3.js, Solidity, Ethereum, Bitcoin, Public Speaking...

Experience

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

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

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 (SPA), UI Components

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

Senior Front-end Engineer

2016 - 2020
Token.io
  • 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 (SPA)

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 (SPA), 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 sector.
  • 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 for holding the pending reservation process as the user moved between the specified steps.
  • Worked with other development and design team members.
  • Worked 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 medical site with users and forums.
  • Created a site with friend forums, classified ads, and chat rooms.
  • Worked with a couple of companies to design and build their websites.
  • Learned to assess the requirements from the clients to build their websites.
Technologies: Flash, CSS, HTML, SQL, Active Server Pages (ASP), Software Development, Web Design, User Interface (UI)

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

https://greco.mx/
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.

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, Bootstrap, Next.js, Jasmine, .NET, CodeIgniter, Flask

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

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

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, Hardhat, Single-page Applications (SPA), UI Components, Lean Startups, Styled-components, RESTful Web Services

Platforms

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

Storage

MySQL, Microsoft SQL Server

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

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

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