C6
Bank – Web Platform & Landing Page
Jan 2025 — Mar 2025
Scroll to explore
C6 Bank needed its public web platform to load instantly and work flawlessly for millions of customers across Brazil, on every device and connection speed.
I worked full-stack on the front-end architecture, building with Vite SSR, TanStack Router/Start, React, TypeScript, Tailwind CSS, and Shadcn UI, and layered in Cloudflare CDN caching with smart React Query cache policies. I also applied mobile-first design with Server Components and made quick backend adjustments to endpoints and metadata as needed.
Highlights
- Built the platform on Vite SSR + TanStack Router/Start with Server Components
- Layered Cloudflare CDN caching with smart React Query cache policies
- Reached a Lighthouse Performance score of 90, with 100 on Best Practices and Accessibility
- Delivered a 1.5s First Contentful Paint and 0.9s Largest Contentful Paint
Challenges
- Hitting sub-second Largest Contentful Paint at the scale of millions of banking customers
- Getting Accessibility and Best Practices to a perfect 100 without extra dev cycles
- Making quick backend endpoint/metadata changes without destabilizing a live banking platform
CompletedJan 2025 — Mar 2025
ViteSSRTanStack Start/RouterReactTypeScriptServer ComponentsCloudflare CDNReact QueryTailwind CSSShadcn UIGit