{ const term = e.detail.term?.toLowerCase() || ''; const category = e.detail.category || 'All'; document.querySelectorAll('.faq-category').forEach(cat => { const catName = cat.dataset.category; const items = cat.querySelectorAll('.accordion-item'); let hasVisible = false; items.forEach(item => { const searchable = item.dataset.searchable; const matchesSearch = !term || searchable.includes(term); const matchesCategory = category === 'All' || catName === category; if (matchesSearch && matchesCategory) { item.style.display = 'block'; hasVisible = true; } else { item.style.display = 'none'; } }); cat.style.display = hasVisible ? 'block' : 'none'; }); }" @open-faq.window="(e) => { openItem(e.detail.id); }" class="space-y-8">
About Me
I'm Vinicius Salustiano, a Full-Stack Developer with a Bachelor's in Information Systems. Currently working at DevPartner as a .NET Developer, maintaining and developing systems for major clients like BMW, Audi, and Hyundai. I'm passionate about modern web development and building production-ready projects with Astro, React, TypeScript, and Tailwind CSS.
Was this helpful?
I have 2+ years of professional experience as a Full-Stack Developer at DevPartner, working with .NET, SQL Server, React, and AngularJS on enterprise systems. Previously, I was an intern at Ericsson developing back-end systems with Java and Spring. My front-end expertise comes from personal projects—I learned Astro from scratch starting in July 2025, which helped me develop a Full-Stack mindset.
Was this helpful?
I'm a native Portuguese speaker (Brazil) and have advanced English proficiency. I have a Cambridge B2 First certification from 2020, though my current level is better in practice—people often say I sound fluent when speaking or writing. This is why my projects include i18n support (English/Portuguese), and I maintain both English and Portuguese versions of my CV and professional profiles.
Was this helpful?
Projects & Work
Salustian Creative Labs (SCL) is the name of my portfolio studio. Originally created as a brand to sell templates and components (the Astra Vitae product line), SCL is now repurposed as my portfolio studio name—it's essentially a shadow of Vinicius Martins Salustiano. I'm reusing the domain (salustiancreativelabs.dev) rather than paying for a new one, so SCL serves as the umbrella name for my portfolio and personal projects. At the end of the day, SCL is just a name for the portfolio studio, representing my work and the projects I've built, including the Astra Vitae project which showcases 600+ hours of development experience.
Was this helpful?
Astra Vitae is my personal project that represents 600+ hours of development work. It's a complete product development showcase built with Astro 5, React 19, TypeScript, Alpine.js, Tailwind CSS 4.1, and MDX. It includes production-ready templates (Premium and Lite) and reusable components like SmartNavButtons (an industry-first smart navigation system), media components, and more. This project demonstrates my ability to build complete, production-ready solutions from concept to deployment.
Was this helpful?
Great question! While this portfolio site itself isn't selling anything, I do offer Astra Vitae Lite, Premium templates, and the Astra Vitae Components Collection for purchase. You'll find the purchase option through buttons on the template sites themselves and on the components documentation page, which link to Payhip for secure transactions. The license page refers to the licensing terms for those products—it explains what you can and cannot do with the purchased templates and components, usage rights, and restrictions. If you're interested, check out the live demos and you'll see the purchase options there.
Was this helpful?
I don't publicly share repositories for my main projects—they're built to production standards and represent significant work, so I keep them private to protect quality and intellectual property. However, you can see everything working live in the demos: the Premium and Lite template demos, and the Component Playground. Additionally, the documentation pages contain code snippets, implementation examples, and development insights that showcase how the components and templates are built and used. These live demos and documentation showcase the full functionality, performance, and quality of my work. If you're interested in collaboration or have specific questions about implementation, feel free to reach out!
Was this helpful?
My projects focus on production-ready quality and reusability. For example, SmartNavButtons is an industry-first smart navigation component with auto-scroll and progress tracking. All components are built to be reusable across projects, well-documented, and optimized for performance. I also emphasize modern stack adoption—using the latest versions of Astro, React, and Tailwind CSS to ensure long-term maintainability and performance. I bring a strong focus on UI, UX, and performance in my projects—almost everything reacts or is animated in some way. It's the small details that you barely notice if not keen-eyed, but they make all the difference in creating a polished, professional experience.
Was this helpful?
Technologies & Skills
On the back-end, I work with .NET, C#, VB.NET, ASP.NET Web Forms, SQL Server, Stored Procedures, REST APIs, Java, and Spring Boot. On the front-end, I use Astro, React, TypeScript, Tailwind CSS 4.1, Alpine.js, and MDX. I'm also highly proficient with AI-assisted development tools like Claude Code and Cursor.
Was this helpful?
Astro is a modern site-building framework that uses the Islands architecture—it allows you to ship zero JavaScript by default and hydrate only interactive components when needed, resulting in extremely fast websites. Tailwind CSS is a utility-first CSS framework that enables rapid UI construction using pre-defined classes, ensuring consistent and responsive design. Alpine.js is a minimal JavaScript library (only ~15KB) that adds reactivity and interactivity to HTML without the complexity of larger frameworks. MDX is a Markdown extension that allows using JSX components directly in content, ideal for rich documentation and content pages that need interactive elements. Together, these technologies create a modern, performant, and efficient stack for web development.
Was this helpful?
I see AI as an execution tool—the intensive work is in prompt engineering, design thinking, and architectural decision-making. I use AI for code generation, but I focus on structuring prompts intelligently, validating outputs, and maintaining quality standards. If AI builds something incorrectly, that means I failed in my prompt design—though sometimes it gets 90% right and needs manual polish. This approach has made me highly efficient while maintaining production-quality code.
Was this helpful?
Performance is a priority in all my projects. The Astra Vitae Premium template achieves 98-100 Lighthouse scores across all metrics, and Lite scores 96-100. This very website (my portfolio) hits these scores in all pages as well. I implement code splitting, lazy loading, optimized images (WebP format), minimal bundle sizes, and mobile-first responsive design. All projects are tested across devices and browsers to ensure optimal performance.
Was this helpful?
Contact & Opportunities
Yes! I'm currently open to work and collaboration opportunities. I'm looking for positions related to development—back-end, front-end, or full-stack—especially with .NET, Java, and modern web development stacks (Astro, React, TypeScript, Node). I'm also open to freelance work, custom projects, consultation, and collaboration opportunities. Reach out through the contact form or LinkedIn!
Was this helpful?
The best ways to reach me are through the contact form on this site or via LinkedIn. I don't display my email or phone number publicly to avoid spam, but you can reach me through those channels. I typically respond to LinkedIn messages within a few days, and I respond to contact form submissions on a best-effort basis depending on inquiry complexity.
Was this helpful?