Girão.dev – Portfolio Website Development

Gabriel

Gabriel Girao

Project Description

Girão.dev is my personal portfolio, built to showcase my technical skills, design approach, and ability to deliver high-quality, interactive web experiences. The project was carefully crafted using React for dynamic component architecture, TailwindCSS for rapid, modern styling, GSAP for smooth animations, and Swiper for engaging content transitions and slides.
In addition to the frontend, I developed a custom API using Directus Headless CMS to manage and serve dynamic content for the project showcase and other sections. This setup enables easy content updates and future scalability without compromising performance.
The first version focuses on a clean, bold visual identity with animated sections to make the user journey more memorable. Every detail was designed to reflect my personality as a developer and designer, highlighting a balance between performance, aesthetics, and interactivity.
The project is still in progress and evolving continuously. Future improvements include deeper SEO optimization, refined animations, enhanced background elements, and potentially migrating to Next.js for even better performance and static generation capabilities. The goal is to push creative and technical boundaries while providing a smooth and captivating experience for visitors.

Skills

React Development
TailwindCSS Styling
GSAP Animations
Swiper Integration
UI/UX Design
Directus Headless CMS
API Development
Component-based Architecture
Performance Optimization
SEO Planning

Deliverables

Fully responsive React portfolio website
Modern, clean UI with interactive animations
Dynamic project showcase powered by Directus API
Smooth transitions and scroll-based effects
Component-based code structure for scalability

Ongoing Development

Advanced SEO enhancements
Additional animation refinements
More detailed background visuals
Further UI/UX fine-tuning
Potential migration to Next.js for performance and static optimization
Like this project

Posted Jun 30, 2025

Designed and developed my personal portfolio using React, TypeScript, TailwindCSS, GSAP, and a custom API with Directus CMS for the projects.