hrp-logo

Howdy, my name is

Hugo Ramon Pereira

I've been working as a Fullstack Developer with a focus on Frontend for aproximately 4 years. I am fascinated with building cool modern responsive interfaces, that give people a pleasant experience and also developing scalable and performant solutions for modern applications.

Ramon's profile picture

Tech Stack

These are the main technologies I've been working with
React.js logo

React.js

A Javascript Library for building great user interfaces

Next.js logo

Next.js

A React.js based web development framework

React Native logo

React Native

A framework used for Android and iOS mobile applications

Vue.js logo

Vue.js

A progressive, performant and versatile Javasctipt framework

Nuxt.js logo

Nuxt.js

A Vue.js framework that makes web development intuitive and powerful

Astro logo

Astro

A Javascript framework optimized for building fast websites.

Node.js logo

Node.js

A Javascript runtime built on Chrome's V8 engine

Typescript logo

Typescript

Typed programming language that builds on Javascript

TailwindCSS logo

TailwindCSS

A CSS Framework that gives us amazing utility classes for faster styling

AWS logo

AWS

Cloud computing platform that offers a variety of services for businesses

Tanstack logo

Tanstack

Headless, type-safe & powerful utilities for Web applications

Docker logo

Docker

A service that delivers software in packages called containers

My projects

These are some of the projects I've found important to showcase
Project Image

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

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

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

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

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.

Hack in Cariri
Hack in Cariri

Frontend Developer and Co-Founder

December-2023 - Present

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)

Worked on 3 different projects, building interfaces using React with Javasctipt, I also had the role to assist newer developers when they got stuck, join meetings in different time zones across the globe.

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 with other developers
Project Image

How to Manage User Authentication with Clerk in React.js, Next.js, Vue.js and Nuxt.js

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

Project Image

Deploying your application on AWS

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

Project Image

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

Project Image

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

Project Image

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

Project Image

Creating your own Custom Hooks

An article about React Hooks and how useful they can be to our applications and why how we can create our own

Project Image

Server Components: React.js and Next.js

An article about RSC - React Server Components is an architecture model developed by the React team and its importance

Contact

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