GitHubLinkedInResume

Senior Frontend Developer

Bon Andre T. Opina

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

Bon Andre T. Opina

Professional Experience

As a Senior Software Developer, I've spearheaded frontend architectures across dynamic startups and established enterprise teams. My expertise in building high-performance web applications with React, Next.js, and TypeScript consistently drives business growth and elevates user experiences.

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.

Selected Personal Projects

Explore a curated selection of my professional frontend projects. As a passionate software engineer, I leverage modern tooling like Tailwind CSS, GSAP, and Next.js to craft pixel-perfect, SEO-optimized, and AI-assisted user interfaces.

GreenBulls Market

A sleek, real-time stock dashboard for searching and visualizing live stock prices with precision and clarity.

Next.jsReactFinancial APIGSAP

MapleHomes Canada

A premium real estate platform for finding dream homes across Canada through an interactive and visual search experience.

Next.jsReal EstateInteractive MapsTailwind

SproutLab

An engaging platform offering weekend creative workshops for children, emphasizing art and storytelling.

Next.jsCreativeGSAPPlayful UI

KINETIQ

A motion-first creative studio specializing in kinetic identities for modern brands with bold typography.

Next.jsMotion DesignBrandingHigh Contrast

IRONROUTE

An independent logistics advisory service for SMEs, featuring a bold, brutalist design for clarity and expertise.

Next.jsLogisticsBrutalist DesignSME Focus

Atlas & Hour

Sophisticated travel planning for founders and executives, focusing on curated and bespoke adventures.

Next.jsLuxury TravelMinimalist DesignCuration

Cherry Thrift Shop

A curated girlswear destination featuring a vibrant, pink-themed design and dynamic product showcases. This is my wife's online store.

Next.jsE-commerceFashionDynamic UI

Anihush

A modern web application built for seamless user experiences.

Next.jsWeb AppUI/UX

Technical Arsenal

My technical stack bridges the gap between sophisticated UI design and robust backend integration. Mastering the modern JavaScript ecosystem—from React 19 to deep state management via Zustand—allows me to deliver scalable, SEO-optimized, and highly interactive web applications reliably.