GitHubLinkedInEmailResume

Senior Frontend Developer

Bon Andre T. Opina

Senior Frontend Developer with 7+ years of experience. Specializing in React, Next.js, and high-performance UI.

Bon Andre T. Opina

Professional Experience

ScaleForge (E-Gaming Projects)

ScaleForge (E-Gaming Projects)

Senior Frontend Developer

Jan 2022 – Present
Click to learn more
  • Spearheaded the frontend architecture and development for high-traffic E-Gaming platforms using Next.js, React, and Svelte, ensuring high availability and fault tolerance.
  • Orchestrated sprint planning, code reviews, and mentorship for a team of frontend developers, fostering a culture of code quality and continuous improvement.
  • Architected modular, scalable frontend systems with advanced SEO strategies (SSR/ISR) that significantly improved organic search rankings and initial load times.
  • Integrated complex real-time data streams and WebSocket connections to power live gaming statistics and interactive user dashboards with sub-second latency.
  • Successfully delivered multiple entertainment platforms under strict NDA compliance, meeting rigorous security and performance standards.
  • Implemented robust state management solutions and automated testing pipelines to reduce regression bugs by 40%.
TypeHero

TypeHero

Frontend Engineer (Part-Time)

Jan 2023 – Jun 2024
Click to learn more
  • Developed a responsive, high-performance web application using Svelte and SvelteKit, focusing on an intuitive user experience for content creators.
  • Managed the full deployment lifecycle using AWS Amplify, implementing CI/CD pipelines that reduced deployment time by 60%.
  • Seamlessly integrated AI-driven content generation tools, allowing users to leverage large language models directly within the editing interface.
  • Optimized application performance and scalability, resulting in a 99.9% uptime and ability to handle increasing user concurrency.
  • Collaborated on feature roadmaps and quickly prototyped new concepts to validate product direction with early adopters.
London Foster

London Foster

Frontend Developer

Mar 2021 – Apr 2022
Click to learn more
  • Engineered key features for a comprehensive real estate portal using React, Next.js, and a Laravel backend, enhancing property discovery and listing management.
  • Achieved a 50% improvement in frontend performance metrics (LCP, FID) through code splitting, image optimization, and lazy loading strategies.
  • Integrated third-party MLS pricing and listing APIs, creating automated workflows that synchronized property data in real-time.
  • Refactored legacy codebases to modern React patterns (Hooks, Context API), improving maintainability and developer velocity.
  • Implemented advanced search filters and map-based visualizations to improve the property browsing experience for end-users.
Identifi

Identifi

Lead Frontend Developer

Oct 2020 – Jan 2022
Click to learn more
  • Led the end-to-end frontend development of a professional networking platform, utilizing React, Next.js, and GraphQL for efficient data fetching.
  • Optimized critical user flows and engagement metrics by implementing event-driven UI updates and responsive design principles.
  • Bridge the gap between design and engineering by translating Figma prototypes into pixel-perfect, interactive components.
  • Collaborated deeply with backend engineers to design flexible GraphQL schemas that reduced over-fetching and streamlined frontend logic.
  • Established frontend best practices and coding standards, introducing a component library that standardized the UI across the platform.
Vistracks (Azuga)

Vistracks (Azuga)

Frontend Developer

Sep 2019 – Oct 2020
Click to learn more
  • Executed the critical migration of a legacy CanJS application to a modern React ecosystem, ensuring zero downtime and feature parity.
  • Significantly enhanced the User Experience (UX) for complex telematics dashboards and compliance reporting portals used by fleet managers.
  • Improved data synchronization reliability by refining API interaction layers and implementing robust error handling and retry mechanisms.
  • Developed reusable data visualization components (charts, graphs) to help users decipher complex fleet telemetry data easily.
  • Participated in daily stand-ups and agile ceremonies to align development efforts with business objectves and customer feedback.
Pitchd

Pitchd

Full Stack Developer

Jun 2018 – Dec 2018
Click to learn more
  • Built dynamic recruiting and hiring platforms using Vue.js for the frontend and Laravel for the backend API.
  • Developed a suite of reusable UI components and modules that accelerated the development of new features and admin panels.
  • Worked closely with backend teams to implement secure authentication flows and role-based access control (RBAC).
  • Contributed to database schema design and optimized SQL queries to support data-heavy dashboard views.