Seongyeon (Brandon) Ha

Vehicle management SaaS platform for commercial fleet maintenance

• Led frontend development for the "OneConnect" maintenance platform app for auto repair shops using Expo React Native, managing EAS build pipelines for App Store and Google Play releases
• Architected and maintained a Turborepo-based monorepo supporting multiple Next.js 15 applications (One Care, One Connect, Admin) with a shared UI component library and centralized API response configurations
• Introduced Orval-based API client and React Query hook generation, improving type safety, reducing boilerplate, and significantly boosting frontend team productivity
• Contributed to the processing of over 8000+ accident reports, improving workflow automation for the call center
• Built vehicle monitor dashboard with map-based visualizations and color-coded speed insights from vehicle ODM
• Migrated CI/CD pipelines from GitHub/Vercel to GitLab, introducing Argo CD for k8s(Kubernetes) deployments, and containerized web applications with Docker on Amazon EKS for scalable production workloads

Project Gallery:

In-house venture of Hyundai Motor Group - export/import cargo(vessel) marketplace

• Modernized Frontend Architecture: Migrated legacy jQuery codebase to a modular React framework
• Apply React Query to reduce load times and debounce for high-frequency searched destination data
• Developed a cargo pricing tool with API integration for accurate and responsive calculations
• Developed an interactive dashboard for managing and visualizing import/export volume data

Project Gallery:

Developed DApp called "Suhosin" (archived)

• Developed DApp Suhosin NFTs with Caver.js and IPFS and traded up to 5000 on OpenSea
• Optimized state management with Redux and improved performance using Lazy Loading and Caching
• Experienced in AWS S3/CloudFront with CI/CD integration for scalable hosting and global delivery
• Integrated Klaytn CDN for secure NFT loading, authentication validation, and mock data for API downtime

Project Gallery:

• Led weekly Saturday sessions teaching robotics and coding to 3 children
• Guided students through hands-on Arduino projects, including LED controllers, motion sensors
• Designed interactive lessons that simplified complex concepts and encouraged experimentation
• Fostered a supportive and engaging learning environment, helping children build confidence in STEM skills

Location-based social media and geo-first marketing SaaS

• Built a location-based service using GeoJSON and Google Maps for geospatial content discovery
• Developed immersive AR experiences with AR.js and implemented seamless SSO authentication across platforms
• Set up CI/CD pipelines with GitHub Actions for automated data workflows
• Streamlined state management with Redux Toolkit and later transitioned to Zustand

Technologies: Next.js 15, Supabase, Expo React Native, MonoRepo, Zustand, MongoDB, Google Maps, AR.js, Redux Toolkit, TypeScript, Prisma, TailwindCSS

Project Gallery:

Financial data tools and investment tracking platform

• Automated financial index collection and storage using Supabase and cron jobs
• Enhanced user experience through goal-based financial planning tools and interactive dashboards
• Built real-time market data visualization and portfolio tracking features

Technologies: Next.js 15, Supabase, FastAPI, TypeScript, TailwindCSS

Project Gallery:

Business management and analytics platform

• Developed business intelligence dashboards for data-driven decision making
• Implemented customer relationship management and project tracking tools
• Created automated reporting and performance analytics features

Technologies: Next.js 15, Supabase, TypeScript, TailwindCSS

Project Gallery:

Korean octopus restaurant eCommerce website

• Developed location-based octopus restaurant recommendations and reviews
• Built community features for sharing restaurant experiences and octopus dish recommendations
• Implemented menu integration and restaurant hours data for optimal dining experiences

Technologies: Next.js, Supabase, TypeScript, TailwindCSS

Project Gallery:

Open-source npm package to generate Mermaid ERD diagrams and markdown documentation from Supabase database.types.ts files

• Parses TypeScript types generated by the Supabase CLI to automatically build ERD diagrams and schema docs
• Supports multi-schema projects and enhanced foreign key extraction via direct database connection or Supabase API
• Published and maintained on npm with 12,900+ weekly downloads

Technologies: TypeScript, Node.js, Mermaid, Supabase

Project Gallery: