Ruan Valente
Available for new opportunities

Hello, I'm

Ruan Valente

Mid-Level Frontend Engineer

Ruan Valente

Passionate frontend developer with 5+ years of experience creating modern, scalable, and high-performance web interfaces. Focused on delivering clean, accessible code and exceptional digital experiences.

Connect with me

Years of experience
5+
Seniority
Frontend Engineer · Mid-Level
Specialization
Frontend Architecture & Design Systems

About

About Me

Who I Am

I'm a Frontend Engineer based in Belém-PA, Brazil with over 5 years of experience in web development. My journey is driven by a passion for transforming digital experiences through clean, accessible, and high-performance code.

Currently working at Compass UOL, collaborating on large-impact projects and continuously improving my skills in modern frontend technologies.

  • BelĂ©m-PA, Brazil
  • Frontend Engineer at Compass UOL
  • Systems Analysis and Development by FACINT College

My Focus & Principles

  • Working with modern frameworks like React, Next.js, Vue.js, Quasar and Angular
  • Focusing on performance and scalability
  • Creating and maintaining design systems
  • Committed to web accessibility
  • Efficient collaboration in multidisciplinary teams
  • Currently learning: Node.js, Ruby and Rails

Skills

Skills & Technologies

Frontend Core

  • HTML5
  • CSS3
  • JavaScript
  • TypeScript
  • Responsive Design
  • Accessibility

Frameworks

  • React
  • Next.js
  • Vue.js
  • Angular
  • Quasar

AI & LLM

  • LLM Integration
  • AI Agents
  • Prompt Engineering
  • RAG
  • MCP
  • Ollama

Design & Product

  • UI/UX
  • Design Systems
  • Design Tokens
  • Component Architecture
  • Product Thinking
  • User-Centered Development
  • Figma

Tools & Quality

  • Git
  • Vite
  • Webpack
  • Jest
  • Testing Library
  • Docker

Engineering & Practices

  • Performance
  • SEO
  • Clean Code
  • Agile (Scrum/Kanban)

Main Tech Stack

HTML5
CSS3
JavaScript
TypeScript
React
Next.js
Vue.js
Angular
Node.js

Career Path

Work Experience

  1. Frontend Mid-Level

    Compass UOL

    Current

    2022 — Present

    I work as a Front-end Developer in the development and evolution of digital solutions for clients across different segments, such as e-commerce, telecommunications, corporate platforms, and digital products, taking part in medium and large-scale projects focused on scalability, performance, and user experience. My work spans from defining technical solutions to implementing, evolving, and sustaining applications in production, always collaborating with multidisciplinary teams and agile methodologies.

    • Development of web applications using React, Next.js, Vue.js, Quasar Framework, TypeScript, Nest.js, and Java, applying best practices of architecture, componentization, and clean code.
    • Participation in defining the Front-end architecture, creating scalable, reusable, and easy-to-maintain solutions.
    • Creation, evolution, and maintenance of Design Systems, promoting visual standardization, accessibility (WCAG), and greater productivity across teams.
    • Development of high-performance components for platforms integrated with Oracle Cloud Commerce (OCC).
    • Implementation and integration with REST APIs, contributing to more stable, performant, and scalable applications.
    • Resolution of challenges related to performance, architecture, rendering, and system integration.
    • Collaboration with Product, UX/UI, Back-end, QA, and DevOps teams, taking part in technical refinements, code reviews, and continuous deliveries.
    • Technical support to the Front-end team through knowledge sharing and the dissemination of software engineering best practices.
    • React
    • Next.js
    • Vue.js
    • Quasar Framework
    • TypeScript
    • JavaScript
    • HTML5
    • CSS3
    • Nest.js
    • Java
    • Design Systems
    • Micro Frontends
    • REST APIs
    • Oracle Cloud Commerce (OCC)
    • Web Performance
    • Accessibility (WCAG)
    • Clean Code
    • Code Review
    • Scrum
    • Kanban
  2. Frontend Developer II

    CELK Sistemas

    Jul 2021 - Oct 2022

    I worked on the development and evolution of web and mobile systems focused on public health management, taking part in the construction of solutions used by regulation centers, mobile units, and managers to optimize pre-hospital care, occurrence monitoring, and strategic decision-making. My work involved developing features, evolving the interface, integrating systems, and maintaining applications with a focus on performance, usability, responsiveness, and software quality, collaborating with multidisciplinary teams in agile environments.

    • Development and maintenance of web and mobile applications using React.js, Angular.js, Flutter, and Java, following software development and architecture best practices.
    • Creation of intuitive, responsive, and user-experience-driven interfaces, contributing to greater operational efficiency for healthcare professionals.
    • Implementation of new features and continuous evolution of applications, ensuring stability, performance, and maintainability.
    • Integration between Front-end, Back-end, and databases, ensuring information consistency and efficient communication between systems.
    • Collaboration with Product, UX/UI, Back-end, and QA teams throughout the entire development cycle, taking part in refinements, planning, code reviews, and continuous deliveries.
    • Participation in solving challenges related to performance, integration, responsiveness, and application quality, contributing to product evolution.
    • React.js
    • Angular.js
    • Flutter
    • Material UI
    • Java
    • Spring
    • MySQL
    • PostgreSQL
    • Oracle Database
    • API Integration
    • Mobile Development
    • Web Development
    • Performance
    • Responsiveness
    • Scrum
    • Kanban
  3. Frontend Developer JR

    ConsĂłrcio SIGTRANS

    Dec 2020 - Jul 2021

    I worked on the development and evolution of digital systems focused on urban mobility and public management, contributing to the modernization of operational processes through web and mobile applications used by inspection teams and public agencies. I took part in building solutions for the digitalization of government processes, including traffic inspection systems, fine management, and vehicle operational procedures, with a focus on efficiency, information reliability, and improving the user experience.

    • Development of web applications using Angular 2+, TypeScript, Angular Material, SCSS, and Bootstrap, creating responsive, organized, and usability-oriented interfaces.
    • Participation in the evolution of digital solutions such as Talonário EletrĂ´nico, Sistema de GestĂŁo de Infrações (SGI), and Checklist de Procedimentos de VeĂ­culos, contributing to the replacement of manual processes with more efficient digital workflows.
    • Development of mobile features using Ionic, supporting field operations and providing greater agility to end users.
    • Implementation of improvements, bug fixes, and continuous evolution of applications, ensuring greater software stability and quality.
    • Participation in code reviews, sharing best practices, and improving the team's development standards.
    • Collaboration with multidisciplinary teams in agile environments using Scrum and Kanban, taking part in planning, technical refinements, and continuous deliveries.
    • Angular
    • Angular Material
    • TypeScript
    • JavaScript
    • Ionic
    • HTML5
    • CSS3
    • SCSS
    • Bootstrap
    • Web Development
    • Mobile Development
    • Responsiveness
    • Code Review
    • Scrum
    • Kanban
  4. Junior Frontend Developer

    Iago Cavalcante Desenvolvimento e Consultoria

    Sep 2020 - Nov 2020

    I started my career as a JR Developer working on the development and evolution of web interfaces for ERP systems, contributing to the creation of solutions focused on business management with an emphasis on usability, responsiveness, and code quality. During this period, I built my foundation in modern web application development, taking part in the entire feature evolution cycle, from interface implementation to code improvements and technical fixes, working together with development teams in agile environments.

    • Development of web interfaces using Quasar Framework, JavaScript, Adonis.js, and CSS, applying concepts of componentization, responsiveness, and code organization.
    • Implementation and evolution of features for ERP systems, contributing to improving the user experience and application efficiency.
    • Participation in code reviews, fixes, and technical improvements, following development best practices and quality standards.
    • Support in identifying and resolving issues related to the interface, component behavior, and application maintenance.
    • Use of software engineering practices and tools, including Git, GitLab, ESLint, and Docker, contributing to a more organized and efficient development workflow.
    • Work in agile teams, taking part in planning, technical alignments, and continuous feature deliveries.
    • Quasar Framework
    • JavaScript
    • Adonis.js
    • CSS
    • HTML
    • Git
    • GitLab
    • ESLint
    • Docker
    • Web Development
    • Responsiveness
    • Code Review
    • Agile Methodologies
    • Continuous Integration

What People Say

Feedback from colleagues and clients I've had the pleasure to work with

“Ruan is an exceptional frontend engineer. His attention to detail and ability to translate complex designs into pixel-perfect interfaces is remarkable. He consistently delivers high-quality code and is always willing to help the team.”
A

Ana Silva

Product Manager

Compass UOL

Portfolio

Featured Projects

React

Yube Challenge

Frontend challenge focused on building a modern web interface with React and TypeScript.

React
TypeScript
CSS
Other

Link Soluções Challenge

Frontend implementation for a company challenge, showcasing responsive design and modern JavaScript.

JavaScript
HTML
CSS
React
Featured

Personal Portfolio

My personal portfolio website built with Next.js and Tailwind CSS.

Next.js
Tailwind
React
Vue

DaisyUI Nuxt Application

This project is a modern and highly productive dashboard developed with Nuxt, DaisyUI, Tailwind CSS, Vitest, Biome JS and TypeScript. The goal is to create a scalable, responsive and SEO-optimized solution by combining the power of these technologies.

Vue.js
Nuxt
Pinia
CSS
DaisyUI
Tailwindcss
Node

MS Order Service

Study project of a microservice responsible for managing customers, orders and order items.

Nest.js
Typescript
PostgreSQL
RabbitMQ
Docker
Node

Book Challenge

Web API of a bookstore system with TDD.

Nest.js
Typescript
MySQL
Docker

Challenges

Technical Challenges

Frontend

Yube Challenge

Frontend challenge focused on building a modern web interface with React and TypeScript.

React
TypeScript
CSS
Frontend

Link Soluções

Frontend implementation for a company challenge, showcasing responsive design and modern JavaScript.

Frontend

Ledger CLI

Ledger CLI is a simple command line (CLI) financial management application using Ruby and SQLite. The project is part of a challenge provided by the DevsNorte community.

Frontend

Desafio Técnico - Desenvolvedor Backend

Web API of a bookstore system with TDD.

Nest.js
Typescript
MySQL
Docker

Contact

Get In Touch

Interested in working together or have any questions? Feel free to reach out!

Ruan Valente | Frontend Engineer