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.
Advanced Performance Techniques
These strategies are fundamental to creating fast and responsive web experiences. Each technique addresses a specific aspect of optimization, from intelligent loading to efficient rendering. Combined, they guarantee excellent Core Web Vitals(They are Google metrics that measure performance.) and a superior experience especially on mobile devices.
Lazy Hydration
Improves TBT by 40-60%
Technique that delays hydration of non-critical components until they are needed, significantly reducing Total Blocking Time (TBT) and improving Interactive Time on mobile devices.
Where to apply:
- Components below the fold (outside the initial screen)
- Secondary interactive elements
- Modals, tooltips and non-essential UI elements
Measurable Result
45ms reduction in TBT and 15% improvement in Speed Index
Strategic Lazy Loading
FCP up to 3.2s
Strategic resource loading combining code splitting, strategic preload and predictive loading to optimize each loading phase.
Integrated strategies:
- Code Splitting by route and component
- Preload of critical resources above the fold
- Predictive Load based on navigation patterns
Need to understand a technical term?
Consult the
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