Skip to main content

Howdy, my name is

Hugo Ramon

I’m a Software Developer and AI enthusiast with 5+ years of experience, mostly focused on Frontend. I specialize in building modern, responsive interfaces that provide excellent user experiences and creating fast, scalable solutions for apps, websites, e-commerces or whatever you wish to build.

Ramon's profile picture

Tech Stack

These are the main technologies I've been working with
  • Javascript logo

    Javascript

    JavaScript is a versatile, dynamic scripting language powering interactive web development and server-side applications.

  • Typescript logo

    Typescript

    TypeScript is a strongly typed programming language that builds on JavaScript, adding static type definitions.

  • Node.js logo

    Node.js

    Node.js is an open-source, cross-platform JavaScript runtime environment designed for building scalable, asynchronous network applications.

  • Python logo

    Python

    Python is a versatile, high-level programming language renowned for clear, readable syntax and extensive standard libraries.

  • AWS logo

    AWS

    Comprehensive cloud platform providing scalable compute, storage, and database services for modern global infrastructure.

  • Docker logo

    Docker

    Containerization platform packaging software with dependencies into lightweight, portable, isolated, production-ready runtime environments.

  • React.js logo

    React.js

    React is a popular JavaScript library for building component-based, interactive user interfaces for modern web applications.

  • Next.js logo

    Next.js

    A React framework enabling server-side rendering, static site generation, and full-stack web development with routing.

  • React Native logo

    React Native

    A framework for building native mobile applications for iOS and Android using React and JavaScript.

  • Vue.js logo

    Vue.js

    Vue is a progressive, approachable JavaScript framework for building fast, reactive user interfaces and single-page applications.

  • Nuxt.js logo

    Nuxt.js

    Nuxt is an intuitive Vue framework enabling server-side rendering, static generation, and full-stack web development.

  • TailwindCSS logo

    TailwindCSS

    A utility-first CSS framework for rapidly building custom, responsive user interfaces directly within HTML markup.

  • Angular logo

    Angular

    Angular is a TypeScript-based, full-featured web framework for building scalable, enterprise-grade web applications.

  • Astro logo

    Astro

    An all-in-one web framework designed for building fast, content-driven websites with zero client-side JavaScript overhead.

  • TanStack logo

    TanStack

    Framework-agnostic library suite offering powerful tools for data fetching, state management, routing, and tables.

  • Nest

    Nest.js

    Nest is a progressive Node.js framework for building efficient, scalable, and well-structured server-side applications.

  • Storybook logo

    Storybook

    An isolated development environment for building, documenting, and testing UI components across major web frameworks.

  • VTEX logo

    VTEX

    Composable enterprise e-commerce platform unifying digital commerce, marketplace management, and order fulfillment capabilities worldwide.

My projects

These are some of the projects I've found important to showcase
UEFA Champions League

UEFA Champions League

UEFA Champions League Clone, the greatest football competition of Europe, built with Next.js and Shadcn, links, news, latest results, stories, table of standings and many other competitions that belong to UEFA.

ReactReact.jsTypescriptTypescriptNextNext.jsShadcnShadcn/uiTailwindTailwindCSS
Hack in Cariri

Hack in Cariri

Hack in Cariri is a startup that provides trainings, courses, lectures and also organizes in-person and online events on Cybersecurity, InfoSec and other topics about Security and Hacking. We already have several partners in many states.

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

Fincheck

Software for managing your personal budget and finances where you can create an account to be able to log in, then add your bank accounts, filter, edit and remove transactions, look for past transactions in the calendar and have more control of your finances.

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

Waitstaff

A complete application where the waiters and waitresses can manage the orders in a given restaurant. The application is mobile to be used by the waitstaff and there is also the web version for the manager to watch over the orders and the backend.

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

Tech People Blog

Tech People is a blog built with Astro and Markdown that has a lot of articles, news on different tech topics, the best tech brands and about many devices available out there such as cell phones, drones, laptops and photographic cameras.

AstroAstroMarkdownMarkdownTypescriptTypescriptJavascriptJavascriptTailwindTailwind

Would you like to see more projects?Check my Github

Professional Experience

Experiences

I am always open to new challenges and great projects. Let's work together to create innovative and inspiring solutions and products.

STG Consult

STG Consult

Frontend Developer

September-2025 - Current

Frontend Developer that builds e-commerce, real estate platforms and many different websites with Wordpress, Elementor, Javascript and its modern frameworks with a lot of CSS. Provided integration with e-commerce platforms using Tray, WooCommerce and many others.

Competences

HTMLHTMLCSSCSSJavascriptJavascriptWordpressElementorPHPReactReact.jsWooCommerceN8N
Hack in Cariri

Hack in Cariri

Frontend Developer and Co-Founder

December-2023 - March-2025 - ( 1 year and 4 months )

Frontend Developer and co-founder of this startup, built and have been building with the other team members to improve the interface of the platform with React.js and Next.js, I develop new features, components, bug fixing, plannings and I also work organizing the events

Competences

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

Pagie Portal

Frontend Developer

November-2022 / October-2023 - (11 months)

I worked on developing frontend features in collaboration with backend developers, ensuring secure data integration, accelerating timelines, and mentoring junior developers.

Competences

ReactReact.jsJavascriptJavascriptCSSCSSHTMLHTMLSocketSocket.IOMaterial UIMaterial UIStripeStripe
Docspider

Docspider

Frontend Developer

April-2022 / November-2022 - (8 months)

Worked on the main project of the company, Docspider, adding new features, creating new components, testing components, fixing bugs and on plannings to brainstorm new ideas for the project to evolve.

Competences

ReactReact.jsTypescriptTypescriptBoostrapBootstrapC#C#DotNet.NETAzureDevOpsAzure DevOpsJestJest
Freelancer

Freelancer

Frontend Developer

January-2021 / March-2022 - (1 year and 3 months)

Worked as a freelancer for multiple clients, building tailored solutions for their needs, having meetings with the developers to design, think of solutions, discuss new features and what can be improved.

Competences

ReactReact.jsNextNext.jsExpoAngularJavascriptJavasctiptTypescriptTypesctiptStyled Component💅Styled-ComponentsFirebaseFirebaseCSSCSSHTMLHTML

Articles

Articles I write thinking about sharing content that I find to be useful for other developers
Managing User Authentication with Clerk in React, Next, Vue and Nuxt

Managing User Authentication with Clerk in React, Next, Vue and Nuxt

A complete guide on how to use Clerk, an amazing tool to implement easy and efficient user authentication in a React.js, Next.js, Vue.js and Nuxt.js applications

Deploying your application on AWS - A complete guide

Deploying your application on AWS - A complete guide

A guide on how to deploy your app on AWS, all the settings you have to tweak, AWS is a reference in Cloud Computing Services

Setting up React-Query in your React project

Setting up React-Query in your React project

Walkthrough on how to set up React-Query with Axios in React.js applications, improving operations between Frontend and Backend

Protected Routes with React.js and Next.js

Protected Routes with React.js and Next.js

An article with a walkthrough on how to protect your routes with guards in React.js and Next.js making your application more robust and safe.

The importance of using Server-Side Rendering with Next.js

The importance of using Server-Side Rendering with Next.js

An article about one the best features of Next.js, Server-side rendering, when it should be used and why. Showing how this resource can be quite helpful.

Creating your own Custom Hooks - A beginner's guide

Creating your own Custom Hooks - A beginner's guide

An article about React Hooks and how useful they can be to our applications and why how we can create our own thus saving time a several lines of code.

Server Components: React.js and Next.js - What you need to know

Server Components: React.js and Next.js - What you need to know

An article about RSC - React Server Components is an architecture model developed by the React team and its importance to create and maintain high performance applications.

Contact Form

Do you have any projects to build?Just get in touch!

Validate your email in order to send a message