Projects
A collection of projects I've built using React, TypeScript, and modern web technologies. Each project represents my passion for creating efficient, scalable, and user-friendly applications.
Featured Projects
Gabriel Castro Portfolio
This website - my portfolio totally built with in Next.js with copilot's help
I designed and built my own portfolio website to showcase my experience, projects, and technical writing.
The site highlights my background as a Frontend Engineer, with sections for About Me, Projects, Blog, and Contact. More than just static pages, this portfolio is a living project — it integrates a headless CMS for content management, so I can easily update projects, blog posts, and personal information without touching the code.
I also built it with the help of Copilot Agents, which streamlined the development process and improved productivity.
It reflects my attention to detail as a frontend engineer and my ability to design clean, performant, and user-friendly web experiences.
The site highlights my background as a Frontend Engineer, with sections for About Me, Projects, Blog, and Contact. More than just static pages, this portfolio is a living project — it integrates a headless CMS for content management, so I can easily update projects, blog posts, and personal information without touching the code.
I also built it with the help of Copilot Agents, which streamlined the development process and improved productivity.
✨ Key Features
- Modern UI/UX – Built with React + Next.js, styled with Tailwind CSS and enhanced with subtle animations.
- CMS Integration – Connected to Sanity CMS for dynamic project and blog management.
- Responsive Design – Optimized for desktop, tablet, and mobile devices.
- Blog Section – A space to share insights on React, frontend performance, and software development.
- Projects Showcase – Dedicated pages with detailed write-ups, GitHub links, and case studies.
- SEO Optimized – Meta tags, dynamic OG images, and sitemap for better discoverability.
🚀 Impact
This project not only represents my technical skills but also serves as a central hub for recruiters, collaborators, and clients to explore my work.It reflects my attention to detail as a frontend engineer and my ability to design clean, performant, and user-friendly web experiences.
Next.js
Copilot
React
Typescript
Tailwind
Vanity CMS
2025
ShowSeeker Pilot
Advanced ads management platform
At ShowSeeker, I built new features for ads management and the Pilot product using a modern React + TypeScript stack with comprehensive testing.
One of the most impactful additions was the History feature for the Programmatic platform.
It was displayed in a right drawer and gave users the ability to track all changes made to ad deals.
It was displayed in a right drawer and gave users the ability to track all changes made to ad deals.
🔧 Key Details
- Supported updates from multiple sources:
- Complex filters (geography, content, device)
- Inline editing
- Drawer edits
- Rendered a clear diff view with color-coded highlights:
- 🟩 Added data
- 🟥 Removed data
- ⬜ Kept/unchanged data
🌍 Impact
This feature gave users full visibility into every modification, making ad deal management far more transparent, reliable, and user-friendly.React
React Native
Cypress
Vitest
Tailwind
Typescript
Tanstack Query
2025
Autocomplete
Streamlined insurance quote experience
The Autocomplete app is an insurance quote platform designed to give users quick and simple insurance estimates.
Most client data was auto-filled, greatly reducing friction and improving the overall experience.
Most client data was auto-filled, greatly reducing friction and improving the overall experience.
🔧 My Role
- Built and refined the frontend with React and TypeScript.
- Ensured smooth user flows, responsive design, and a clean UI.
- Contributed to automated testing with Cypress and Jest for reliability.
- Collaborated with an international team using English as the primary language.
🌍 Impact
The platform streamlined the quoting process, saving users time and simplifying insurance applications through automation and a seamless UI.React
Typescript
Tailwind
Storybook
Jest
Cypress
2023
Fluxmed
FHIR-compliant healthcare system
At Core Consulting, I helped develop Fluxmed, a healthcare hub built on FHIR standards for interoperability.
The platform enabled patients to share clinical records, schedule vaccines, and manage health data across providers. I worked on the frontend with React and React Native, focusing on improving the clinical record renderer to dynamically display complex JSON records in a clear, hierarchical design.
The system supported both web and mobile with a shared codebase, ensuring consistency and efficiency.
The platform enabled patients to share clinical records, schedule vaccines, and manage health data across providers. I worked on the frontend with React and React Native, focusing on improving the clinical record renderer to dynamically display complex JSON records in a clear, hierarchical design.
The system supported both web and mobile with a shared codebase, ensuring consistency and efficiency.
🔧 Key Contributions
- Built and refined the clinical record renderer, handling complex medical data.
- Delivered a shared web & mobile codebase for consistent user experience.
- Developed a scheduling feature under tight pandemic deadlines.
🌍 Impact
- Provided doctors and patients with a modern interface, making medical data more accessible and visually intuitive.
- During the pandemic, this work directly supported healthcare providers, ensuring critical information could be accessed remotely when efficiency mattered most.
React
React Native
Typescript
Material UI
AWS
Gov BR
FHIR
2020
All Projects
Gabriel Castro Portfolio
This website - my portfolio totally built with in Next.js with copilot's help
I designed and built my own portfolio website to showcase my experience, projects, and technical writing.
The site highlights my background as a Frontend Engineer, with sections for About Me, Projects, Blog, and Contact. More than just static pages, this portfolio is a living project — it integrates a headless CMS for content management, so I can easily update projects, blog posts, and personal information without touching the code.
I also built it with the help of Copilot Agents, which streamlined the development process and improved productivity.
It reflects my attention to detail as a frontend engineer and my ability to design clean, performant, and user-friendly web experiences.
The site highlights my background as a Frontend Engineer, with sections for About Me, Projects, Blog, and Contact. More than just static pages, this portfolio is a living project — it integrates a headless CMS for content management, so I can easily update projects, blog posts, and personal information without touching the code.
I also built it with the help of Copilot Agents, which streamlined the development process and improved productivity.
✨ Key Features
- Modern UI/UX – Built with React + Next.js, styled with Tailwind CSS and enhanced with subtle animations.
- CMS Integration – Connected to Sanity CMS for dynamic project and blog management.
- Responsive Design – Optimized for desktop, tablet, and mobile devices.
- Blog Section – A space to share insights on React, frontend performance, and software development.
- Projects Showcase – Dedicated pages with detailed write-ups, GitHub links, and case studies.
- SEO Optimized – Meta tags, dynamic OG images, and sitemap for better discoverability.
🚀 Impact
This project not only represents my technical skills but also serves as a central hub for recruiters, collaborators, and clients to explore my work.It reflects my attention to detail as a frontend engineer and my ability to design clean, performant, and user-friendly web experiences.
Next.js
Copilot
React
Typescript
Tailwind
Vanity CMS
2025
ShowSeeker Pilot
Advanced ads management platform
At ShowSeeker, I built new features for ads management and the Pilot product using a modern React + TypeScript stack with comprehensive testing.
One of the most impactful additions was the History feature for the Programmatic platform.
It was displayed in a right drawer and gave users the ability to track all changes made to ad deals.
It was displayed in a right drawer and gave users the ability to track all changes made to ad deals.
🔧 Key Details
- Supported updates from multiple sources:
- Complex filters (geography, content, device)
- Inline editing
- Drawer edits
- Rendered a clear diff view with color-coded highlights:
- 🟩 Added data
- 🟥 Removed data
- ⬜ Kept/unchanged data
🌍 Impact
This feature gave users full visibility into every modification, making ad deal management far more transparent, reliable, and user-friendly.React
React Native
Cypress
Vitest
Tailwind
Typescript
Tanstack Query
2025
Autocomplete
Streamlined insurance quote experience
The Autocomplete app is an insurance quote platform designed to give users quick and simple insurance estimates.
Most client data was auto-filled, greatly reducing friction and improving the overall experience.
Most client data was auto-filled, greatly reducing friction and improving the overall experience.
🔧 My Role
- Built and refined the frontend with React and TypeScript.
- Ensured smooth user flows, responsive design, and a clean UI.
- Contributed to automated testing with Cypress and Jest for reliability.
- Collaborated with an international team using English as the primary language.
🌍 Impact
The platform streamlined the quoting process, saving users time and simplifying insurance applications through automation and a seamless UI.React
Typescript
Tailwind
Storybook
Jest
Cypress
2023
Fluxmed
FHIR-compliant healthcare system
At Core Consulting, I helped develop Fluxmed, a healthcare hub built on FHIR standards for interoperability.
The platform enabled patients to share clinical records, schedule vaccines, and manage health data across providers. I worked on the frontend with React and React Native, focusing on improving the clinical record renderer to dynamically display complex JSON records in a clear, hierarchical design.
The system supported both web and mobile with a shared codebase, ensuring consistency and efficiency.
The platform enabled patients to share clinical records, schedule vaccines, and manage health data across providers. I worked on the frontend with React and React Native, focusing on improving the clinical record renderer to dynamically display complex JSON records in a clear, hierarchical design.
The system supported both web and mobile with a shared codebase, ensuring consistency and efficiency.
🔧 Key Contributions
- Built and refined the clinical record renderer, handling complex medical data.
- Delivered a shared web & mobile codebase for consistent user experience.
- Developed a scheduling feature under tight pandemic deadlines.
🌍 Impact
- Provided doctors and patients with a modern interface, making medical data more accessible and visually intuitive.
- During the pandemic, this work directly supported healthcare providers, ensuring critical information could be accessed remotely when efficiency mattered most.
React
React Native
Typescript
Material UI
AWS
Gov BR
FHIR
2020