Henrique Ramos, Developer in Belo Horizonte - State of Minas Gerais, Brazil
Henrique is currently unavailable

Henrique Ramos

Front-end Developer

Belo Horizonte - State of Minas Gerais, Brazil

Toptal member since October 18, 2022

Expertise
Front EndCSSJavaScriptHTML5React.jsFull-stackSassTypeScriptAgile DevelopmentLinuxReduxSvelteNode.jsNext.jsAWS
Bio

Henrique is a front-end developer who aims to create products with great user experience. He believes a good UX, along with an eye-catching UI, is the first thing that stands out for the customer, so he strives to create out-of-the-box experiences using a test-first approach to build performant and reusable components and animated interfaces, whether in two or three dimensions. Henrique likes to explore new technologies and contribute to open source projects in the Dev Community.

Portfolio

Navalia
TypeScript, React, Next.js, Sass, Node.js, Terraform, Figma, CircleCI, Linux...
Sun Tribe Trading, LLC
JavaScript, Svelte, GraphQL, Cypress, OpenID Connect (OIDC), WebSockets...
Avenue Code
React, Apollo, React Apollo, MongoDB, GraphQL, Algolia, React Native, Jest...

Experience

  • CSS - 4 years
  • JavaScript - 4 years
  • Sass - 4 years
  • React - 3 years
  • TypeScript - 3 years
  • Redux - 2 years
  • Figma - 2 years
  • Svelte - 2 years

Preferred Environment

Linux, Arch Linux, Visual Studio Code (VS Code), TypeScript, React, Vim Text Editor

The most amazing...

...website I've developed is a product suggestion page that helped the client leverage his sales and product discoveries.

Work Experience

Software Engineer

2022 - 2025
Navalia
  • Refactored the mobile app for iOS and Android, bringing in a +25% YoY on digital sales.
  • Refined CircleCI workflows to Docker executors, achieving substantial CI/CD resource optimization and an estimated 85% credits usage reduction.
  • Led the refactoring of a React Native design system to a platform-agnostic design system monorepo, optimizing bundle size by around 40% for web and reducing workflow execution time by 37%.
  • Led the development of a supply chain monitoring application for automating wholesale supplies data reporting and access, and improved planning accuracy for the client, reducing manual data pulling time by 15 hours per week.
  • Helmed the delivery of Navalia's website, including SEO, by working together with a relevant design agency, resulting in a first-ranked page in search engines.
Technologies: TypeScript, React, Next.js, Sass, Node.js, Terraform, Figma, CircleCI, Linux, HTML, Web Applications, Illustrator CC, Jest, Amazon Web Services (AWS), Amazon DynamoDB, PostgreSQL, Single-page Applications (SPAs), APIs, Front-end, REST APIs, HTML5, JavaScript, ECMAScript (ES6), Test-driven Development (TDD)

Front-end Svelte Developer

2023 - 2024
Sun Tribe Trading, LLC
  • Created new user interfaces provided by the design team and integrated it with a GraphQL API.
  • Refactored Svelte components and pages for better compliance with the Framework standards while making better use of its features, such as stores, conditional classes, transitions, and directives.
  • Parsed Svelte and JavaScript code to use TypeScript, leading to a better developer experience.
  • Added Histoire, a front-end workshop for building UI components and pages in isolation that better integrates with Svelte.
  • Converted Cypress tests to Playwright, using the Page Object Model test structure.
  • Optimized a front-end GitHub Actions workflow to use caching, artifacts, and parallel job execution better.
Technologies: JavaScript, Svelte, GraphQL, Cypress, OpenID Connect (OIDC), WebSockets, Playwright, TypeScript

Full-stack Developer

2019 - 2022
Avenue Code
  • Introduced a product recommendation feature that leveraged sales on the eCommerce platform and increased the product discovery rate on the user payment flow by 30%.
  • Implemented "Candy Aisle" point-of-purchase feature, successfully boosting AOV from $150 to $175-$180.
  • Implemented Algolia-powered search enhancements, including suggestions, recent/trending terms, and autocomplete, boosting product discovery and sales.
  • Refactored Cart and Checkout screens, reducing React rerenders by around 62%.
Technologies: React, Apollo, React Apollo, MongoDB, GraphQL, Algolia, React Native, Jest, Linux, HTML, Web Applications, eCommerce, Styled-components, Illustrator CC, Single-page Applications (SPAs), APIs, Front-end, Express.js, Full-stack, HTML5, JavaScript, TypeScript, ECMAScript (ES6), Test-driven Development (TDD)

Junior Full-stack Developer

2017 - 2018
Teknisa
  • Developed a dashboard for monitoring franchise sales data.
  • Created the integration between self-service terminals and card machines.
  • Integrated smart card machines with the restaurant management system.
Technologies: JavaScript, PHP, AngularJS, SQL, HTML, Web Applications, Full-stack, HTML5, Test-driven Development (TDD)

Experience

Draggable

https://draggable-puce.vercel.app/
Draggable is a lightweight, responsive, modern drag-and-drop library. This project is a complete refactor of the popular drag-and-drop library from Shopify using modern technologies. I fully refactored it with TypeScript and Vite, and its examples were recreated using SvelteKit and Sass.

Workout

https://github.com/Workout-Fit
Workout is an Android app for creating and sharing workout routines using deep links or QR codes. I prototyped the app screens in dark and light versions, implemented its Flutter front-end, developed a GraphQL API, and integrated it with a PostgreSQL database, which I modeled using Prisma.

TEMPO1984

TEMPO1984 is a piece of art! This website was a school project for the Usability engineering class. The goal was to create a page that had something to do with a song about time, so the website is a clone of the Macintosh 3.1 interface. I'm proud of it because it took some time to re-create its look and feel. The assets, like the scrollbars and icons, were created using Illustrator, and the page was implemented using React.

Restoration Hardware Website

Restoration Hardware, or RH, is an upscale American home furnishings company that sells its merchandise through its retail stores, catalog, and online. The goal was to give the company's website a new look and feel and efficiently add themes to every RH brand. I was mainly responsible for working with designers, translating their prototypes into React code for the checkout flow pages.

Good Eggs

https://www.goodeggs.com/home
Good Eggs is an eCommerce website for shopping for groceries. I was the front-end engineer in charge of refactoring the legacy JavaScript codebase into TypeScript and React. Then I also improved product discovery features in the platform by integrating Algolia and recent, trending, and popular items searching options.

Three.js Journey Portfolio

https://github.com/hnrq/threejs-journey
This is an Astro-based website that lists all Three.js Journey classes completed by me. Each lesson is in a separate folder and was structured to use Astro features the most.

In R3F lessons, I chose to use Svelte and Threlte to achieve a better performance.

Education

2017 - 2021

Bachelor's Degree in Software Engineering

Pontifical Catholic University of Minas Gerais - Belo Horizonte, MG, Brazil

2014 - 2017

Technical Degree in Information Technology

Federal Center for Technological Education of Minas Gerais - Belo Horizonte, MG, Brazil

Certifications

MAY 2024 - PRESENT

Three.js Journey

Three.js Journey

MARCH 2021 - PRESENT

EF SET English Certificate | C2 Level

EF Education First

JUNE 2020 - PRESENT

Advanced Typography

Origamid

JUNE 2020 - PRESENT

CSS with Sass

Origamid

MAY 2020 - PRESENT

The Complete 2020 Flutter Development Bootcamp

Udemy

JUNE 2017 - PRESENT

Advanced React and Redux

Udemy

APRIL 2017 - PRESENT

The Complete React Web App Developer

Udemy

Skills

Libraries/APIs

React, Node.js, REST APIs, Chart.js, SolidJS, Playwright, Three.js, WebGL

Tools

Figma, Illustrator CC, React Apollo, Terraform, CircleCI, Prisma, Vim Text Editor, Astro

Languages

CSS, JavaScript, HTML, HTML5, ECMAScript (ES6), Sass, TypeScript, C++, Java, CSS3, GraphQL, PHP, SQL, GLSL

Frameworks

Jest, Redux, Svelte, Next.js, React Native, Material UI, Flutter, AngularJS, Express.js, Cypress

Paradigms

Test-driven Development (TDD), Object-oriented Programming (OOP)

Platforms

Linux, Amazon Web Services (AWS), Algolia, Firebase, Arch Linux, Visual Studio Code (VS Code), AWS Lambda

Storage

Database Modeling, PostgreSQL, MongoDB, Amazon DynamoDB, Datadog

Other

Web Applications, Front-end, Vite, Styled-components, Single-page Applications (SPAs), Full-stack, Algorithms, Networks, Architecture, UI Engineering, Distributed Systems, Apollo, Storybook, English, Typography, eCommerce, APIs, Slate, WebSockets, OpenID Connect (OIDC), React Three Fiber (R3F)

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