Henrique Ramos, Developer in Belo Horizonte - State of Minas Gerais, Brazil
Henrique is available for hire
Hire Henrique

Henrique Ramos

Verified Expert  in Engineering

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

Availability

Part-time

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

Front-end Engineer

2022 - PRESENT
Navalia
  • Implemented a Backend-For-Frontend (BFF), effectively hiding internal services and enforcing web-specific security standards. Optimized data fetching using TanStack Query and Orval for OpenAPI-driven TypeScript generation.
  • Played a key role in adapting the Jack in the Box app to Android. Developed core Kotlin native modules, integrated Mapbox API and Google Maps, and provided cross-team support for porting modules for Google Pay, deep linking, Amplitude, etc.
  • Built a React and TypeScript application (using Figma for prototyping) for QSR's internal team to adapt inventory management strategy fluctuations. Collaborated with stakeholders and POs to deliver user-friendly interfaces, tested with Jest and RTL.
  • Integrated the iOS Jack in the Box app with leading Martech tools (Amplitude, Punchh, and mParticle). Streamlined data collection and user behavior analysis for data-driven marketing strategies.
  • Led the delivery of Navalia's website. Delivered a website redesign by working together with a relevant design agency, using Figma for design and Astro, CSS, and TS for development. https://navalia.io.
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

2021 - 2022
Avenue Code
  • Introduced a product recommendation feature that leveraged sales on the eCommerce platform and increased the product discovery rate on user payment flow by 30%.
  • Implemented trending search terms and autocomplete search features, improving search efficiency.
  • Added client-side events for tracking user behavior throughout the website.
  • Refactored a legacy front-end codebase using TypeScript and increased testing coverage using React Testing Library and Jest.
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)

Front-end Engineer

2019 - 2020
Avenue Code
  • Worked closely with the UX team to refresh the bottom of the funnel interface to be responsive and user-friendly.
  • Refactored low-performant React interfaces and reduced re-renders by up to 62%.
  • Used Apollo GraphQL and TypeGraphQL to implement back-end for front-end pattern.
Technologies: TypeScript, React, Material UI, GraphQL, Apollo, Storybook, Linux, HTML, Web Applications, eCommerce, Styled-components, Jest, Single-page Applications (SPAs), Front-end, Slate, Full-stack, REST APIs, HTML5, JavaScript, ECMAScript (ES6), Test-driven Development (TDD), WebSockets

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

https://hnrq.github.io/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