Pular para o conteúdo principal

Olá, meu nome é

Hugo Ramon

Eu sou um Desenvolvedor de Software e entusiasta de IA com mais de 5 anos de experiência, principalmente focado em Frontend. Sou especialista na criação de interfaces modernas e responsivas que proporcionam excelentes experiências ao usuário, criação de soluções rápidas e escaláveis para aplicativos, sites, lojas de comércio eletrônico ou o que quer que você deseja construir.

Ramon's profile picture

Tecnologias

Essas são as principais technologias com as quais eu tenho trabalhado
  • Javascript logo

    Javascript

    JavaScript é uma linguagem de script versátil e dinâmica que impulsiona o desenvolvimento web interativo e aplicações server-side.

  • Typescript logo

    Typescript

    TypeScript é uma linguagem de programação fortemente tipada que se baseia no JavaScript, adicionando definições de tipos estáticos.

  • Node.js logo

    Node.js

    Node.js é um ambiente de execução JavaScript open-source e multiplataforma, projetado para criar aplicações de rede escaláveis e assíncronas.

  • Python logo

    Python

    Python é uma linguagem de programação versátil e de alto nível, reconhecida pela sintaxe clara e legível e por suas amplas bibliotecas padrão.

  • AWS logo

    AWS

    Plataforma de nuvem completa que oferece serviços escaláveis de computação, armazenamento e banco de dados para a infraestrutura global moderna.

  • Docker logo

    Docker

    Plataforma de conteinerização que empacota software com suas dependências em ambientes de execução leves, portáteis, isolados e prontos para produção.

  • React.js logo

    React.js

    React é uma popular biblioteca JavaScript para construir interfaces de usuário interativas e baseadas em componentes para aplicações web modernas.

  • Next.js logo

    Next.js

    Um framework React que possibilita renderização no servidor, geração de sites estáticos e desenvolvimento web full-stack com roteamento.

  • React Native logo

    React Native

    Um framework para criar aplicações móveis nativas para iOS e Android usando React e JavaScript.

  • Vue.js logo

    Vue.js

    Vue é um framework JavaScript progressivo e acessível para construir interfaces de usuário rápidas e reativas e aplicações de página única.

  • Nuxt.js logo

    Nuxt.js

    Nuxt é um framework Vue intuitivo que possibilita renderização no servidor, geração estática e desenvolvimento web full-stack.

  • TailwindCSS logo

    TailwindCSS

    Um framework CSS utility-first para construir rapidamente interfaces de usuário personalizadas e responsivas diretamente na marcação HTML.

  • Angular logo

    Angular

    Angular é um framework web completo baseado em TypeScript para construir aplicações web escaláveis e de nível empresarial.

  • Astro logo

    Astro

    Um framework web tudo-em-um projetado para criar sites rápidos e focados em conteúdo, com zero sobrecarga de JavaScript no cliente.

  • TanStack logo

    TanStack

    Conjunto de bibliotecas agnóstico de framework que oferece ferramentas poderosas para busca de dados, gerenciamento de estado, roteamento e tabelas.

  • Nest

    Nest.js

    Nest é um framework Node.js progressivo para construir aplicações server-side eficientes, escaláveis e bem estruturadas.

  • Storybook logo

    Storybook

    Um ambiente de desenvolvimento isolado para construir, documentar e testar componentes de UI nos principais frameworks web.

  • VTEX logo

    VTEX

    Plataforma de e-commerce corporativa e componível que unifica comércio digital, gestão de marketplace e fulfillment de pedidos em todo o mundo.

Meus projetos

Esses são alguns dos projetos que eu achei importante aprensentar
UEFA Champions League

UEFA Champions League

Clone da UEFA Champions League, a maior competição de futebol da Europa, construída com Next.js e Shadcn, contém links, notícias, os últimos resultados, stories, tabela de classificação e muitas outras competições que pertencem à UEFA.

ReactReact.jsTypescriptTypescriptNextNext.jsShadcnShadcn/uiTailwindTailwindCSS
Hack in Cariri

Hack in Cariri

Hack in Cariri é uma startup que fornece treinamentos, mini-cursos, palestras e também organiza eventos presenciais e online sobre Segurança Cibernética, InfoSec e outros tópicos sobre Segurança e Hacking. Nós já temos vários parceiros em vários estados.

ReactReact.jsNextNext.jsTypescriptTypescriptTailwindTailwindCSSShadcnShadcn/uiReact QueryReact QueryNestNest.jsPrismaPrisma
Fincheck

Fincheck

Um software para gerenciar suas financias e orçamento, você pode criar uma conta para fazer login, você pode adicionar contas bancárias, filtrar, editar e remover transações, buscar transações passadas no calendário e ter mais controle de suas financias.

ReactReact.jsNodeNode.jsNestNest.jsTypescriptTypescriptPostgresPostgresPrismaPrismaDockerDockerTailwindTailwindCSSReact Hook FormReact-Hook-FormZodZodReact QueryReact-Query
Waitstaff

Waitstaff

Uma aplicação completa onde os garçons e garçonetes podem gerenciar os pedidos em um certo restaurante. A aplicação móvel é para ser usada pela equipe de garçons e há também a versão web para o gerente supervisionar os pedidos e o backend.

ReactReact.jsReactReact NativeNodeNode.jsExpoExpoTypescriptTypescriptExpressExpressStyled Component💅Styled-ComponentsMongoMongoDBDockerDocker
Tech People Blog

Tech People Blog

Tech People é um blog construído com Astro e Markdown que têm muitos artigos, notícias sobre diferentes tópicos de tecnologia, as melhores marcas de technologia e sobre muitos dispositivos disponívels tais como celulares, drones, laptops e câmeras fotográficas.

AstroAstroMarkdownMarkdownTypescriptTypescriptJavascriptJavascriptTailwindTailwind

Você gostaria de ver mais projetos?Veja meu Github

Experiência Professional

Experiências

Eu estou sempre aberto a novos desafios e trabalhar em ótimos projetos. Vamos trabalhar juntos e criar produtos e soluções inspiradoras e inovativas.

STG Consult

STG Consult

Desenvolvedor Frontend

Setembro-2025 - Atual

Desenvolvedor Frontend com experiência na criação de plataformas de e-commerce, setor de imobiliárias e diversos outros websites utilizando WordPress, Elementor, Javascript e seus frameworks modernos, além de amplo conhecimento em CSS. Realizo integrações com plataformas de e-commerce como Tray, WooCommerce e muitas outras.

Competências

HTMLHTMLCSSCSSJavascriptJavascriptWordpressElementorPHPReactReact.jsWooCommerceN8NVTEX
Hack in Cariri

Hack in Cariri

Desenvolvedor Frontend e Cofundador

Dezembro-2023 - Março-2025 - ( 1 ano e 4 meses )

Desenvolvedor Frontend e cofundador dessa startup, construí do zero e tenho trabalhado com os outros membros da equipe para aprimorar a interface da plataforma application com React.js e Next.js, desenvolvo novas features, componentes, correção de bugs, planejamentos e também atuo na organização dos eventos

Competências

ReactReact.jsNextNext.jsTypescriptTypescriptReact QueryReact QueryTailwindTailwindCSSShadcnShadcn/uiNestNest.jsPrismaPrisma
Pagie Portal

Pagie Portal

Desenvolvedor Frontend

Novembro-2022 / Outubro-2023 - ( 11 meses )

Atuei no desenvolvimento de recursos frontend em colaboração com backends, assegurando integração segura de dados, aceleração de cronogramas e mentoria de desenvolvedores juniores.

Competências

ReactReact.jsJavascriptJavascriptCSSCSSHTMLHTMLSocketSocket.IOMaterial UIMaterial UIStripeStripe
Docspider

Docspider

Desenvolvedor Frontend

Abril-2022 / Novembro-2022 - ( 8 meses )

Atuei no desenvolvimento da nova versão do principal projeto da empresa, o Docspider, adicionando novas funcionalidades, criando novos componentes, testando componentes, corrigindo bugs e em planejamentos para discutir novas idéias para o projeto evoluir.

Competências

ReactReact.jsTypescriptTypescriptBoostrapBootstrapC#C#DotNet.NETAzureDevOpsAzure DevOpsJestJest
Freelancer

Freelancer

Desenvolvedor Frontend

Janeiro-2021 / Março-2022 - ( 1 ano e 3 meses )

Atuei como desenvolvedor freelancer em diversos projetos, construindo soluções personalizadas sob demanda dos clientes, tendo reuniões com desenvolvedores, designers, clientes, para pensar em soluções, discutir novas funcionalidades a serem aperfeiçoadas.

Competências

ReactReact.jsNextNext.jsExpoAngularJavascriptJavasctiptTypescriptTypesctiptStyled Component💅Styled-ComponentsFirebaseFirebaseCSSCSSHTMLHTML

Artigos

Artigos que eu escrevo pensando em compartilhar conteúdo que eu acho ser útil para outros desenvolvedores
Autenticação de Usuário com Clerk em React, Next, Vue, Nuxt

Autenticação de Usuário com Clerk em React, Next, Vue, Nuxt

Um guia completo de como user o Clerk, uma ótima ferramenta para implementar autenticação de usuário fácil e eficiente em aplicações React.js, Next.js, Vue.js e Nuxt.js

Fazendo o deploy de sua aplicação na AWS - Um guia completo

Fazendo o deploy de sua aplicação na AWS - Um guia completo

Um guia de como fazer o deploy do seu app na AWS, todas as configruações que você têm que ajustar, AWS é uma referência em Serviços de Computação em Nuvem

Configurando o React-Query em seu projeto React

Configurando o React-Query em seu projeto React

Um passo a passo de como configurar o React-Query com Axios em aplicações usando o React.js, aperfeiçoando as operações entre o Frontend e o Backend

Rotas Protegidas com React.js e Next.js

Rotas Protegidas com React.js e Next.js

Um artigo com um passo a passo de como proteger suas rotas com guiardiões em React.js e Next.js. Tornando sua aplicação mais robusta e segura.

A importância de usar Server-Side Rendering com Next.js

A importância de usar Server-Side Rendering com Next.js

Um artigo sobre uma das melhores funcionalidades do Next.js, Server-Side Rendering, quando ela deve ser usada e porquê. Mostrando como esse recurso pode auxiliar bastante.

Criando seus próprios hooks personalizados - Um guia para iniciantes

Criando seus próprios hooks personalizados - Um guia para iniciantes

Um artigo sobre os Hooks do React e o quão úteis eles podem ser para as nossas aplicações e o porquê, como nós podemos criar os nossos próprios assim economizando tempo e várias linhas de código.

Server Components: React.js e Next.js - Um novo jeito de construir componentes - O que você precisa saber

Server Components: React.js e Next.js - Um novo jeito de construir componentes - O que você precisa saber

Um artigo sobre o RSC - React Server Components, um modelo de arquitetura desenvolvido pelo time do React e sua importância para criar a manter aplicações de alta performance.

Formulário de Contato

Tem algum projeto que quer construir?Entre em contato!

Valide o email para liberar o envio