Hello, I'm Ruan Valente

Frontend Engineer

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.

Ruan Valente

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

  • 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 & Technologies

Frontend

  • HTML5
  • CSS3
  • JavaScript
  • TypeScript
  • Responsive Design

Frameworks

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

Tools

  • Git
  • Webpack
  • Vite
  • Jest
  • Testing Library

Other

  • Accessibility
  • Performance
  • SEO
  • UI/UX
  • Design Systems

Main Tech Stack

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

Work Experience

Frontend Mid-Level

Compass UOLCurrent

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. Key contributions: - 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

Frontend Developer II

CELK SistemasJul 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. Key contributions: - 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

Frontend Developer JR

Consórcio SIGTRANSDec 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. Key contributions: - 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

Junior Frontend Developer

Iago Cavalcante Desenvolvimento e ConsultoriaSep 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. Key contributions: - 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

Featured Projects

Yube Challenge

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

React
TypeScript
CSS

Link Soluções Challenge

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

JavaScript
HTML
CSS

Personal Portfolio

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

Next.js
Tailwind
React

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

MS Order Service

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

Nest.js
Typescript
PostgreSQL
RabbitMQ
Docker

Book Challenge

Web API of a bookstore system with TDD.

Nest.js
Typescript
MySQL
Docker

Technical Challenges

Yube Challenge

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

Link Soluções

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

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.

Desafio Técnico - Desenvolvedor Backend

Web API of a bookstore system with TDD.

Get In Touch

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

Ruan Valente | Frontend Engineer