About me
Education and Skills
Graduated in computer networks, specialized in web development in the Vue.js/Nuxt ecosystem, focusing on high performance and Core Web Vitals. Mastery of rendering strategies (SSR, SSG and Late Hydration) to optimize Total Blocking Time (TBT) and interactivity on mobile devices. Expertise in Nuxt UI, Tailwind CSS, TypeScript and state management with Pinia. Developing modern and scalable applications, applying Clean Code and modular design patterns, creating elegant, responsive and high-performance interfaces, developing reusable components and applying engaging animations for dynamic experiences.
Technologies
Ready Templates
Professional and fully customizable templates to speed up your development
VueDash
Complete admin dashboard with Vue.js 3, TypeScript and Tailwind CSS. Perfect for management systems.
TECHNOLOGIES
RESOURCES
- Responsive layout
- Reusable components
- Light/dark mode
- Clean and modular project structure
- Integrated authentication
My Projects
Personal Site
Complete landing page for personal trainer portfolio and hiring, showcasing services, plans, responsively, performatively, and professionally.
Technologies used:
Digital Menu
Fully customizable and reusable online menu project, where routes are created dynamically and automatically from the menu categories. Its optimized structure facilitates customization and maintenance, being an elegant and professional solution for any restaurant or snack bar.
Technologies used:
Tidetrack
Web platform for global maritime monitoring. It displays real-time data on wave height, temperature and direction, as well as sea level. Connects to the Open-Meteo Marine Weather API for maritime data and the OpenStreetMap Nominatim API for location information and map search.
Technologies used:
Astrolobby
Web platform for astronomical exploration, acting as a hub for news and educational content. Integrates official NASA information by connecting the APOD API, and offers instant translation into Portuguese by connecting a second API (DeepL).
Technologies used:
E-commerce - Nuphar
Front-end of an e-commerce platform for selling marine algae for aquariums
Technologies used:
Performance Architecture
Advanced strategies I use to improve page performance, especially on mobile devices.
Performance Glossary
Technical terms explained for laymen
Lazy Hydration
Vue/NuxtLoads components only when needed
Delays the execution of component JavaScript until they are visible on screen, reducing initial processing.
Code Splitting
PerformanceDivides code into smaller parts
Separates the application into chunks that are loaded on demand, instead of all at once.
Tree Shaking
BuildRemoves unused code
Automatically eliminates functions and components that are never used in the final project.
SSR
RenderingRenders on the server
Generates HTML on the server before sending it to the browser, improving SEO and first impression.
CLS
MetricVisual stability
Measures how much page elements move during loading. Ideal: below 0.1.
FCP
MetricFirst visible content
Time until the first text or image appears. Good: below 1.8 seconds.
LCP
MetricLargest element loaded
Time to load the largest visible element. Excellent: below 2.5 seconds.
TBT (Total Blocking Time)
MetricTotal blocking time
Sum of all periods where the page does not respond to interactions during loading.
Strategic Preload
OptimizationLoads resources in advance
Tells the browser to download important resources before they are requested.
Predictive Load
IntelligentPredicts user needs
Anticipates which resources the user will need based on standard behavior.
Implementation in Real Projects
In templates and client projects, I apply a combination of:
Nuxt SSR/SSG
Hybrid rendering with partial hydration for dynamic components
Vue Async Components
defineAsyncComponent() for on-demand loading
TypeScript + Tree Shaking
Automatic elimination of unused code via static analysis
Measurable Result
Projects with LCP < 2.5s and CLS ≈ 0 on simulated 3G connections, ensuring excellent mobile experience and technical SEO.
Professional Experience
Below is a bit of my professional history in the technology area.
Front-end Developer
Freelancer
Development of responsive web interfaces using Vue.js/Nuxt, Tailwind and Typescript to create reusable components for different devices.
Front-end Programmer
City Hall of Olinda
Performing adjustments and improvements in the front-end of corporate systems.
Information Security Technician
Bidweb Security
Working with the development/maintenance of Python scripts in containers, and threat monitoring.
Help Desk
Secretary of Finance
Technical support provision.
Ready for the next challenge
Looking for opportunities to apply my expertise in challenging projects.
Let's talk