Peter Garcia's Resume

Opens your browser's print dialog — choose "Save as PDF" as the destination.

Peter Garcia

Product engineer building consumer apps and creator platforms end-to-end. React Native, Next.js, TypeScript. 14+ years shipping production systems — including the SERHANT platform that secured $45M in Series A funding.

www.bricksandcanvas.design
EXPERIENCE
Founder & Product Engineer — Bricks&Canvas 2024 - PRESENT
www.bricksandcanvas.design

Building consumer iOS apps, desktop intelligence tools, and creator platforms end-to-end — product design, mobile and web frontends, backend services, payments, and infrastructure.

Hanii — iOS dating app (React Native) shipped on the App Store. A calmer, lower-noise take on dating designed around intentional conversations. hanii.app

Hyperastra — desktop market-intelligence platform for the space economy. Joins SEC filings, federal contracts, insider trades, and launches into a unified narrative per company across 43+ listed tickers. Free tier and Pro at $99/month. hyperastra.ai

Stadora — all-in-one mobile CRM for real estate agents (iOS, React Native). AI lead scoring, voice capture that auto-files post-showing notes, a 60-90 second morning audio briefing, and two-way Google Calendar sync. Built with the team behind SMPLE. stadora.ai

Elithr — creator monetization platform with Stripe subscriptions, real-time messaging, and content gating. elithr.com

ClassCrafter — AI-powered curriculum generator for educators. Scalable architecture handling thousands of daily generations. classcrafter.ai

STACK

  • React Native
  • Next.js
  • TypeScript
  • Node.js
  • Postgres
  • Supabase
  • Stripe
  • OpenAI APIs
  • WebRTC
  • Vercel
SERHANT — SoHo, New York January 2023 - PRESENT
www.serhant.com

Senior product engineer on the SMPLE platform — the agent productivity and brokerage software built by SERHANT for real estate professionals across the tri-state area.

Shipped the user-facing product end-to-end: designed and built the core interfaces, integrated AI APIs to automate back-office workflows, and shaped how agents interact with listings, leads, and clients day to day.

The platform launched to an audience of over 2 million users and was the product behind the company's $45M Series A. Featured in industry press and demoed at brokerage events nationwide.

TOOLS USED

  • React Native
  • Next.js
  • TypeScript
  • Node.js
  • Postgres
  • AI / OpenAI APIs
  • Figma
Lead React Native Engineer — Contract 2024 - PRESENT
Creator-monetization platform · Under NDA

Lead engineer on a creator-monetization platform combining a TikTok-style vertical short-form video feed, live streaming, paid DMs and tipping, and an in-app token economy with 5 IAP packs ($1.99–$49.99).

Architected and built end-to-end across mobile and infrastructure: vertical video feed with FlashList virtualization, RTMP live streaming via api.video on the JS side and HaishinKit on the iOS native side, on-device camera effects through Vision Camera and Skia, token-based IAP through RevenueCat wired to Supabase webhooks, and Stripe Connect for creator payouts with edge-side bank account encryption.

Built the backend across two Supabase projects (prod + staging) — 60+ Postgres migrations covering the token economy, KYC and moderation tables, RLS-secured throughout, and ~10 edge functions for IAP verification, RevenueCat/Stripe webhooks, push notifications, and live-stream provisioning. Video stored on Cloudflare Stream; photos and avatars on Supabase Storage.

STACK

  • React Native 0.81 / React 19
  • Expo SDK 54
  • Expo Router 6
  • TypeScript
  • Supabase / Postgres / RLS
  • Supabase Edge Functions
  • RevenueCat (IAP)
  • Stripe Connect
  • Cloudflare Stream
  • api.video
  • HaishinKit (Swift, RTMP)
  • Vision Camera
  • Reanimated 4 / Skia
  • NativeWind / Tailwind
  • Expo Notifications
Product Engineer & Designer — Nansen.ai Jan 2021 - Sep 2022
www.nansen.ai

Owned both UX and front-end engineering for new features on Nansen.ai's crypto analytics platform. Worked across the stack on the NFT tracking dashboard, wallet data views, and marketing surfaces in the dynamic DeFi space.

Designed the NFT tracking dashboard and wallet-data flows end-to-end — from research and wireframes through to production React components. Built the dashboard news section and implemented the alert scheduling component used by paying subscribers.

On the growth side, shipped marketing landing pages with A/B testing instrumentation to optimize conversion, and partnered with the team on data-driven iteration loops.

TOOLS USED

  • React.js / Next.js
  • TypeScript
  • HTML / SCSS
  • A/B Testing
  • Figma
Front-end Engineer & UX Designer — AquariumHub Apr 2021 - Sept 2021
www.aquariumhub.com

Rebuilt the AquariumHub ecommerce marketplace from a non-mobile, underperforming site into a responsive, conversion-focused experience for both buyers and sellers.

Owned the end-to-end work — researched the aquarium-enthusiast audience, designed the new UX, and shipped the front-end code for listing, search, and a streamlined checkout. Designed and built the mobile experience from scratch (the prior site was unusable on phones).

Scaled the team as the workload grew, sourcing and onboarding additional engineers, and set the templates and direction for the accompanying social and marketing rollout.

TOOLS USED

  • JavaScript
  • HTML / CSS
  • Responsive Design
  • Figma
Front-end Lead — Immediation Inc. Jan 2019 - Dec 2020
www.immediation.com

Led the front-end of Immediation's multi-platform video conferencing and mediation tool for lawyers and claimants — the category-defining product in the legal-tech mediation space.

Managed a team of two developers and one QA specialist as the front-end lead, owning the architecture and shipping cadence for the web client across web and mobile breakpoints. Built the real-time video room UX in close partnership with the backend team.

Introduced A/B testing as a standing practice — every meaningful UX or flow change shipped behind an experiment, with data driving what stayed and what got rolled back. This shifted the team from opinion-driven to data-driven product decisions.

TOOLS USED

  • AngularJS
  • Node.js
  • GraphQL
  • Docker
  • HTML / CSS
  • WebRTC
  • Optimizely
  • Figma
Mobile UX Designer & Front-end Engineer — Bitcoin.org Sep 2018 - Dec 2018
www.bitcoin.org

Designed and prototyped the user experience for bitcoin.org's mobile wallet across iOS and Android, working directly with the CEO on flows, key-management UX, and security-first interaction patterns for a non-technical audience.

Built the wallet's marketing landing page end-to-end and shipped the production front-end, translating the wallet's complex cryptography concepts into a UX that everyday users could trust.

TOOLS USED

  • HTML / CSS
  • JavaScript
  • Figma
UX Designer & Front-end Engineer — A4Tech Feb 2018 - Oct 2018
www.a4tech.com

Led the end-to-end overhaul of A4Tech's website and the desktop application that ships with their mouse and keyboard peripherals, partnering with cross-functional teams across product and hardware.

Owned the work from research through to production: user interviews and usability testing surfaced the pain points; the redesigned web experience drove a 30% increase in engagement and a 20% decrease in bounce rate; the redesigned desktop app cut user-reported issues by 25% and improved onboarding completion by 40%.

Built a shared design system spanning web and the native desktop app so that releases on either side stayed visually and behaviorally consistent — a foundation the in-house team continued to ship on after the engagement ended.

TOOLS USED

  • HTML / CSS
  • JavaScript
  • Responsive Design
  • Design Systems
  • Figma
INFORMATION
Cebu City, Philippines
Open to remote
+63 921 982 2108
bricksandcanvas@gmail.com
github.com/brickandcanvas
EDUCATION
BS Computer Science
University of San Carlos · Cebu, Philippines · 2012
SKILLS
  • Full-stack Product Engineering
  • Mobile App Development
  • Payment & Monetization Systems
  • Real-time Infrastructure
  • AI-augmented Product Engineering
  • UI/UX Design
STACK
  • React Native
  • Next.js
  • TypeScript
  • Node.js
  • Postgres
  • Supabase
  • Stripe
  • OpenAI APIs
  • WebRTC
  • GraphQL / Apollo
  • Vercel
  • Docker
  • HTML/CSS/SCSS
  • Figma