Francisco Gutiérrez Sarazá, Software Developer in Batumi, Georgia
Francisco Gutiérrez Sarazá

Software Developer in Batumi, Georgia

Member since January 13, 2020
Francisco started developing more than 20 years ago, working primarily as a full-stack developer. About five years back, he chose to focus on front-end development. He is a JavaScript evangelist comfortable with Node.js. Francisco shines in creating UX solutions, loves learning new technologies, expanding his capabilities, and sharing his knowledge and experience with colleagues.
Francisco is now available for hire

Portfolio

Experience

Location

Batumi, Georgia

Availability

Part-time

Preferred Environment

Git, Node.js, NPM, Bash, Unix, Visual Studio Code

The most amazing...

...the thing I've achieved was to mentor developers to continue coding despite difficulties and to remain enthusiastic about what they can achieve.

Employment

  • Front-end Tech Lead

    2021 - 2022
    Colgate-Palmolive
    • Shrank the JavaScript bundle from 10Mb to 5Mb, using code-splitting, lazy loading, removing dead code, updating, and removing obsolete libraries.
    • Created integration tests from the ground (more than 15), using Mock Service Worker and Cypress. Also, included them in the CI using GitHub actions.
    • Removed all the useless URL redirections and created descriptive and idempotent ones.
    • Eased multi-environment (windows, Linux, and Mac) development for my workmates.
    • Implemented self formatting git hooks, using Husky, Prettier, Eslint. Also cleared 500 console errors/warnings in existing code, obfuscating the introduced errors.
    • Mentored coders to improve their skills in the front end, from back-end developers to junior coders in areas like modern JavaScript, Cypress test creations, and readable code.
    • Created a code style guide for the front-end development and the main documents in the repository to set up the environment, run all the scripts, and develop integration tests.
    Technologies: React, Redux, Cypress.io, Create React App, React Router
  • Front-end Tech Lead

    2021 - 2021
    Synctera
    • Developed the documentation site using Next.js, with support for markdown with Mermaid code and OpenAPI documentation supported with ReDoc.
    • Built a completely static site using Next.js with a static sitemap generator and WebP images stored in Cloudflare via Wrangler.
    • Delivered these two sites within a three-month timespan as the team was learning Next.js, TypeScript, Tailwind, and all the particular requirements from the company.
    Technologies: Next.js, React, SSRS, Cloudflare, OpenAPI
  • Front-end Team Leader

    2019 - 2021
    Gaming Innovation Group
    • Refactored an existing casino in Preact to React and made a complete map of resources to make it easy to onboard their developers, improving the SEO.
    • Used Vue, Vuex, and web components to create state-of-the-art new brand casinos.
    • Refactored another online casino with Vue.js and web components.
    Technologies: Web Components, Vuex, React, Vue, Preact.js
  • Front-end Team Leader

    2018 - 2019
    William Hill
    • Promoted and created a monorepository toolchain using Lerna.
    • Developed performance tests for components using Puppeteer and headless Chrome.
    • Integrated a selector-sharing system for the entire app, that can be used by UIs and QAs for testing.
    Technologies: Redux, Lerna, React
  • Senior Front-end Developer

    2017 - 2018
    Addison Global
    • Developed native apps in Android and iOS using React Native.
    • Shared my knowledge about good patterns using styled-components.
    • Used Redux, sagas, NativeBase library, and overall Lerna monorepository administration.
    Technologies: iOS, Android, Styled-components, React Native
  • Senior Front-end Developer

    2017 - 2017
    Rindus (Douglas SL)
    • Served as the front-end technical lead in Spain for Rindos and Douglas.
    • Created three practice communities to teach the benefits of Redux and sagas.
    • Refactored the front-end UI's old patterns related to CSS.
    Technologies: Sass, Sagas, Redux, React
  • Senior Front-end Lead

    2016 - 2017
    Ingenia SA (Swissquote)
    • Took charge of the front-end responsibilities turning a Flash/Flex application into a microservice HTML5 based one.
    • Mentored two junior front-end developers on React and TypeScript.
    • Developed a modular component system using (back then) new technologies like Webpack, PostCSS, TypeScript, React and Redux.
    Technologies: Redux, PostCSS, BEM, React, TypeScript
  • Remote Senior Front-end Developer

    2016 - 2016
    Slideshop
    • Created a few components using the best patterns in CSS with BEM.
    • Implemented a ducks module pattern for Redux, storing the reducer aside with the actions.
    • Properly used sagas for asynchronous actions and to avoid rerendering.
    Technologies: Sagas, Redux, JavaScript, React
  • Senior Full-stack Web Developer

    2013 - 2016
    CLC World Resorts & Hotels
    • Developed complete WordPress sites with custom themes/add-ons.
    • Transformed a top sales presentation tool from Flash to HTML5 using Angular, Reveal.js, and so on.
    • Built a few small landing pages using Laravel in PHP for mailing purposes.
    Technologies: WordPress, CSS, PHP, HTML5, JavaScript
  • Full-stack Developer

    2011 - 2012
    Atlas Informática SL
    • Developed Atlas' complete sub-brand sites based on Joomla sites with custom templates and multiple languages: Ozonegaming.com and Nox-xtreme.com.
    • Managed and created a plugin to export to Excel catalogs on the main application (Magento).
    • Synced a new brand "Versus Gaming" catalog with an Amazon shop.
    Technologies: Microsoft SQL Server, PHP, Magento, Joomla
  • IT and Full-stack Developer

    2006 - 2011
    Asociación de Editores Andaluces (AEA)
    • Converted a static single-page website into a multiple-language supported site, Aea.es, using Joomla custom components.
    • Built the site and provided the full support for more than 70 editorials.
    • Installed new computers, printers, and a Linux operating system, saving the organization the cost of paying for licenses.
    Technologies: Hardware, Joomla, PHP
  • Front-end UI Developer

    2010 - 2010
    Movistar
    • Launched a new eBook shop for the most important phone provider in the country.
    • Created jQuery plugins to fit the requirements from the client (Ajax functions included).
    • Implemented CSS3 new properties used with media queries and HTML5 new tags and accessibility in the whole site.
    Technologies: CSS3, HTML5, jQuery

Experience

  • The Bait Bot
    https://web.telegram.org/#/im?p=@thebait_bot

    I created this tool to use with my friend to make a podcast called Asynchronous Debates.

    It registers the voice message duration, author (with alias), and generates different types of information.

    Features:
    • Duration script with a pie chart along with participation data
    • Script with every member intervention and a subtitle SRT generator
    • Ability to delete and reorder messages

    I also built a website in React to download all the media files in one zip (it is client generated so no processing is required for this). The bot uses Firebase functions and Firebase. I also wrote a Medium article about how to do this.

    • https://medium.com/@pikilon/serverless-telegram-bot-with-firebase-d11d07579d8a

    I wanted to create custom keyboards to delete the messages and use web assembly to generate a single file in the client.

  • Bideolist
    http://bideolist.com/a/First-Bideolist/-MA0m1K2jW4,x1ddpzo,142671617,CXJKPA8HxHc,3L4YrGaR8E4

    This is my sandbox to test and master new libraries and create a list of videos from multiple services. The site has undergone several iterations and improvements.

    1st Version: jQuery and Laravel
    2nd Version: Laravel and Angular 1.5
    3rd Version: Angular 2.0
    4th Version: Angular 2.0 without a back end in React
    5th Version: React, Redux, and Sagas

    Future Version: Vue.js and Vuex

  • Cra JSON Sass Package
    https://github.com/pikilon/cra-json-sass

    I created this small package to import JSON to be used into a Create React app application without any ejections. The main target was to use this for selectors so you can safely map them for QA, SCSS, and JavaScript components.

  • SlingFast
    https://slingfast.com/

    I developed this WordPress site with a custom template for SlingFast (a dirtbike company). I advised the company to sell their products on Amazon instead of a custom shop because it's difficult for a new brand to generate confidence.

  • Bunquer
    http://www.bunquer.com

    From 2007 to 2016, I worked as a freelancer in conjunction with Juan Luis Molina (a designer) to make sites and videos. We developed state-of-the-art sites using eCommerce, Joomla, WordPress, PrestaShop, and so on while never using templates.

Skills

  • Languages

    JavaScript 6, CSS, Sass, HTML5, PHP, Bash, JavaScript, TypeScript, CSS3
  • Libraries/APIs

    React, Node.js, Preact.js, Vue, jQuery, Vue 2, Vuex, OpenAPI, React Router
  • Tools

    Git, NPM, PostCSS, Lerna, SSRS, Create React App
  • Paradigms

    Agile Software Development, BEM
  • Platforms

    Firebase, WordPress, Joomla, Visual Studio Code, Unix, Android, iOS, Magento, Google Cloud Platform (GCP)
  • Storage

    MySQL, Microsoft SQL Server
  • Frameworks

    Redux, React Native, AngularJS, Next.js, Cypress.io
  • Other

    Sagas, Styled-components, Web Components, Hardware, Cloudflare

Education

  • Higher National Diploma (HND) in Web App Development
    2014 - 2016
    IES Aguadulce - Almería, Spain
  • Higher National Diploma (HND) in Media Production
    2004 - 2006
    IES Angel de Saavedra - Córdoba, Spain

To view more profiles

Join Toptal
Share it with others