Matias Fernandez Martinez, Developer in Almere, Netherlands
Matias is available for hire
Hire Matias

Matias Fernandez Martinez

Verified Expert  in Engineering

Software Developer

Almere, Netherlands

Toptal member since February 15, 2019

Bio

Matias is an information systems engineer with 6+ years of experience in front-end development. He specializes in ECMAScript 6 and CSS styling and layout. Matias is experienced in building quick prototypes and robust project architectures. He loves teaching and is always up for interesting challenges.

Portfolio

Mercadolibre
WebdriverIO, Jest, Webpack, Sass, Express.js, Node.js, React
Nexius
Gulp, Webpack, CSS3, HTML5, Sass, ECMAScript (ES6), Bootstrap...
BandOfCoders
Cucumber, Protractor, Sass, ECMAScript (ES6), Webpack, AngularUI, AngularJS

Experience

  • Sass - 5 years
  • CSS3 - 5 years
  • AngularJS - 5 years
  • JavaScript - 5 years
  • HTML5 - 5 years
  • ECMAScript (ES6) - 3 years
  • Angular Material - 3 years
  • Express.js - 1 year

Availability

Part-time

Preferred Environment

Node.js, ECMAScript (ES6), LitElement, Angular

The most amazing...

...issue I've fixed was the entire state management of an application using only lifecycle hooks from the UI router to centralize and simplify the app flow.

Work Experience

Front-end Sofware Engineer

2018 - PRESENT
Mercadolibre
  • Implemented new fields and validations (through API) for the Brazilian registration form for compliance with Brazilian law and to prevent tax evasion.
  • Implemented new back office using ReactJS and Express.
  • Designed how to migrate from a rigid addresses data structure/business logic to a more flexible one because on every country we need to handle the geographical address differently concerning shipping services and others.
  • Migrated current testing suit (MochaJS) to Jest.
  • Improved code scalability and test coverage.
  • Performed front-end cross-team code reviews.
  • Wrote reactor express logic to separate concerns into different middle-wares, each one with one responsibility.
Technologies: WebdriverIO, Jest, Webpack, Sass, Express.js, Node.js, React

Front-end Sofware Engineer

2015 - 2018
Nexius
  • Implemented extensible and dynamic UI, allowing to add new types of Network Elements, and data providers to be added without the need of modifying/updating the current front-end implementation being an “agnostic interface” which renders the different forms and reports using metadata conventions.
  • Implemented design and layout.
  • Defined back-end APIs necessary for the front-end.
  • Quickly implemented the UI prototype using mocked data allow early demos with the clients and requirement validation on the first stages of the project.
  • Trained and mentored junior front-end developers on new technologies.
  • Improved open source seed project and code generator to be re-used across different prototypes.
Technologies: Gulp, Webpack, CSS3, HTML5, Sass, ECMAScript (ES6), Bootstrap, User Interface (UI), Material Design, AngularJS

Front-end Sofware Engineer

2016 - 2017
BandOfCoders
  • Fixed all state management issues using life-cycle hooks to simplify logic and improve maintainability.
  • Implemented CSS and layout according to provided designs.
  • Improved performance using AngularJS.
  • Performed front-end code reviews.
  • Implemented E2E test suit.
Technologies: Cucumber, Protractor, Sass, ECMAScript (ES6), Webpack, AngularUI, AngularJS

Front-end Developer

2013 - 2015
Motorola Mobility
  • Implemented multiple directives, services, and factory patterns on AngularJS.
  • Improved performance on Angular’s slow re-rendering for demanding components like a TV Guide with infinity–scroll capabilities.
  • Implemented the configuration view for the clients to set up their preferences for the web app and the scheduling on the setup-boxes.
  • Implemented an internationalization module in order to provide translation among all the views and ease the product localization outside the US.
  • Implemented quality with UT and ensured 90% of code coverage and behavior consistency using automation test tools.
Technologies: Cucumber, Protractor, Jenkins, Gulp, Grunt, Karma, Mocha, AngularJS, ZURB Foundation, Bootstrap UI, CSS3, Sass, HTML5, JavaScript

Experience

NG6-Starter

An AngularJS, ES6, Webpack, SASS, and Jest project used to generate scalable prototypes and full production applications.

The initial seed had only one npm script which acted as a code generator for AngularJS Component.

I enhanced the project adding more generator tools, code examples, code documentation and help to merge several branches, upgrading the project to Webpack 4 and Jest among other changes.

Simple Authentication Service with Encription in AngularJS

This is an AngularJS Service that uses ngInject to inject dependencies and provides login and logout methods. The password is encrypted using RSA.

JSON Web Token Interceptor on AngularJS

This interceptor is used to add the JWT credentials to every single request before being sent to the back end, centralizing the responsibility of sending the proper credentials.

Content-editable Directive with HTML Support

This directive is used to override the default behavior of a content-editable property on an HTML tag to support also edit more HTML content. For example, if the content has a span wrapping every sentence, once the edition is completed, the span tags will remain the same, but the inner content will change.

Useful on text editor interfaces that need to apply bold or italic fonts and edit the content live at the same time.

HockeyTV

https://www.hockeytv.com/
This web app provides the user with video streaming service based on a monthly subscription, The user can watch college hockey, see how many points each player has made on each match and other cool features as part of the service.

I participated in this project while the client was migrating the code from PHP to AngularJS, and helped to fix state management related issues and improve the rendering time.

Education

2006 - 2015

Bachelor's Degree in Information System Engineering

National Technical University - Cordoba, Argentina

Skills

Libraries/APIs

Lodash, Sinon.JS, Chai, Flexbox, jQuery, jQuery UI, REST APIs, Node.js, AngularUI, React, LitElement

Tools

Mocha, Webpack 4, Karma, Babel, Cucumber, Git, JavaScript Debugging, Grunt, Gulp, Jenkins, Webpack, WebdriverIO

Languages

Sass, CSS3, ECMAScript (ES6), JavaScript, HTML5, SQL, Java 7, HTML

Frameworks

AngularJS, Angular Material, Express.js, JavaScript MVC, ZURB Foundation, Bootstrap, Jest, Protractor, Angular, JSON Web Tokens (JWT)

Paradigms

Prototype-based OOP, BEM, JavaScript Design Patterns, Object-oriented Programming (OOP), Functional Programming

Platforms

Windows, MacOS

Storage

MongoDB, Oracle SQL

Other

Google Material Design, Angular Bootstrap, CSS3 Animation, Bootstrap UI, Material Design, User Interface (UI), Authentication

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