Histórias que transformam – Thiago Veras, Summer Internship VTEX 2020.

Avatar
VTEX
28 maio 2020
thiago-internship-vtex

Prestes a se formar em Ciências da Computação na UnB, Thiago conheceu o programa de estágio da VTEX por meio da programação competitiva. Quando entrou na faculdade, ele não sabia muito o que fazer e se interessou pelo universo dos contests, onde conheceu pessoas e empresas do ramo da tecnologia. Se inscreveu no processo seletivo, passou e topou o desafio de sair de Brasília e passar três meses no Rio à  frente de um projeto próprio.

“Foi uma experiência desafiadora, mas bem diferente do que eu imaginava. A combinação da cidade do Rio com o escritório da VTEX deu muito certo!”

Na VTEX, é conhecido como Veras e curte fazer atividade física, jogar videogame e programar no seu tempo livre. Com muito foco, desenvolveu seu projeto dentro da empresa e conseguiu deixar sua marca aqui.

O projeto

Thiago desenvolveu uma nova feature de back-end que auxiliava os clientes a disponibilizarem as imagens dos seus produtos dentro das lojas de um jeito mais fácil e prático. Até então, esse upload era feito manualmente. Os desenvolvedores faziam o upload de cada imagem utilizando outro programa, também da VTEX, o CMS (Content Management System). Para cada um desses uploads, os desenvolvedores precisavam pegar a URL das imagens, inseri-las nos códigos e, assim, gerar a imagem no site.

O objetivo do projeto do Thiago, chamado de Assets Builder, era facilitar esse método para otimizar o tempo de trabalho desses desenvolvedores de front-end, tanto dentro da VTEX, quanto nas empresas parceiras. Ao invés do upload das imagens ser manual, ele é feito por meio de uma pasta. Todas as imagens necessárias são colocadas dentro dessa pasta e a feature faz o upload automático a partir do caminho estabelecido.

Como funciona a feature

Para colocar a imagem no seu local de destino, a feature vai até a pasta dos assets, carrega a foto e faz uma requisição para enviá-la o para o File Manager, onde é salva. Depois, essa imagem passa pelo Tool Belt, que a comprime e envia para o Builder Hub que, por sua vez, insere a imagem no site. 

Porém, o estagiário encontrou um obstáculo. A feature não estava funcionando como planejado. As imagens eram salvas no Assets Builder, mas chegavam corrompidas até o destino final e não eram atualizadas. Para identificar esse problema, Thiago seguiu o fluxo do sistema para uma investigação mais profunda. 

O erro era no momento de salvar essas imagens, o que levou o estagiário a entender que talvez a falha estivesse no File Manager. Então, checou o número de bytes e hexadecimais dos arquivos e imagens, identificando que o principal obstáculo não estava nessa etapa e, sim, no Tool Belt. Antes da feature criada por Thiago, os arquivos do Tool Belt eram sempre em texto. Por isso, ao invés de comprimir a imagem, ela estava sendo corrompida. A mensagem de erro aparecia quando essa imagem era convertida no Builder Hub, já que essa última etapa lia a imagem como texto. No código, a solução foi simples. O desenvolvedor inseriu uma linha no código que possibilitava a inserção de fotos no Tool Belt. Assim, a feature estava pronta para rodar.

Hoje, a Assets Builder é utilizada por desenvolvedores de front-end tanto dentro da VTEX, quanto pelos nossos clientes. Ela ajuda a otimizar as funções desses desenvolvedores e é uma feature flexível que se encaixa tanto nos temas internos da VTEX, quanto nos moldes de cada uma das lojas parceiras.

A cultura da VTEX é fantástica, o jeito que a gente é valorizado. Senti que aqui, por mais que você fosse um estagiário, você conseguia pensar e opinar do mesmo jeito que todo mundo.”

O Summer Internship da VTEX é o primeiro passo para transformar a sua carreira. Para conhecer mais e saber como se inscrever no nosso programa de estágio verão 2021, acesse o link.