hrp-logo

Olá, meu nome é

Hugo Ramon Pereira

Eu tenho trabalhado como Desenvolvedor Fullstack com foco em Frontend há aproximadamente 4 anos. Eu sou fascinado por construir interfaces modernas, responsivas, que proporcionam as pessoas uma experiência agradável e também desenvolver soluções escaláveis e performáticas para aplicações modernas.

Ramon's profile picture

Tecnologias

Essas são as principais technologias com as quais eu tenho trabalhado
React.js logo

React.js

Uma biblioteca Javascript para construir interfaces de usuário

Next.js logo

Next.js

Um framework de desenvolvimento web baseado no React.js

React Native logo

React Native

Um framework usado para aplicações móveis com Android e iOS

Vue.js logo

Vue.js

Um framework Javascript progressivo, performático, rápido e versátil

Nuxt.js logo

Nuxt.js

Framework do Vue.js que torna o desenvolvimento Web intuitivo e poderoso

Astro logo

Astro

Um framework Javascript para construir sites rápidos.

Node.js logo

Node.js

Um runtime do Javascript construído no motor V8 do Chrome

Typescript logo

Typescript

Uma linguagem de programação tipada que gera Javascript

TailwindCSS logo

TailwindCSS

Um framework de CSS que nos dá ótimas classes utilitárias

AWS logo

AWS

Plataforma de computação em nuvem que oferece uma variedade de serviços

Tanstack logo

Tanstack

Utilitários poderosos, headless e type-safe para aplicações Web

Docker logo

Docker

Um serviço que entrega software em pacotes chamados de containers

Meus projetos

Esses são alguns dos projetos que eu achei importante aprensentar
Project Image

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
Project Image

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
Project Image

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
Project Image

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
Project Image

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.

Hack in Cariri
Hack in Cariri

Desenvolvedor Frontend e Cofundador

Dezembro-2023 - Atual

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 em 3 projetos diferentes, construindo interfaces com React e Javascript. Eu também tinha o papel de atuar no auxílio aos desenvolvedores mais juniores quando os mesmos necessitavam de ajuda, participava de reunioes em diferentes fusos horários no mundo.

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 com outros desenvolvedores
Project Image

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

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

Project Image

Fazendo o deploy de sua aplicação na AWS

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

Project Image

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

Project Image

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

Project Image

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ê

Project Image

Criando seus próprios hooks personalizados

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

Project Image

Server Components: React.js e Next.js

Um artigo sobre o RSC - React Server Components, um modelo de arquitetura desenvolvido pelo time do React e sua importância

Contato

Tem algum projeto para construir? Entre em contato!