me!

Hello, I'm

Benjamin Garcia

I turn code into meaningful creations.

about

I'm a junior studying Computer Science at the University of California, Los Angeles. This December, I’ll be joining Professor Xiang “Anthony” Chen’s Human-Computer Interaction Research Lab and continuing my work with ExploreTech.LA, where I help build responsive, accessible interfaces that bring ideas to life.

Outside of coding, I enjoy weightlifting, spending time with my dog, and exploring the Lands Between.

experience

Undergraduate Research Developer

Joining Professor Xiang “Anthony” Chen’s Human-Computer Interaction Lab in Winter 2026, where I’ll collaborate with designers and researchers to prototype and explore new interaction experiences.

Web Developer

Member of the 5-person core web development team refactoring and rebuilding the organization's website using React, JavaScript, and Sass. Work with Jira, GitHub Actions, and CI/CD pipelines for collaborative development. Also serve on the Content Board within a 10-20 person team, contributing to workshops and events for our Ignite Program, the organization's flagship event happning Winter 2026.

Senior Software Development Intern

I built and deployed Todd’s first client-facing dashboard and landing site using Next.js, Tailwind CSS, and Framer Motion, creating a responsive interface for AI-powered crop insights. I linked backend inference pipelines directly into dynamic UI components, enabling farmers to visualize 20+ real-time data streams including soil, irrigation, weather, and yield metrics. The work helped the company’s initial 5–10 clients adopt the platform and was recognized by the founder for driving both product adoption and internal growth, scaling the team from just one intern to fourteen engineers after my internship.

Research & Development Engineer Intern

At Bonterra, I researched and prototyped agentic AI systems tailored for nonprofit event analysis. I modeled key outcomes like attendance, retention, and fundraising while benchmarking orchestration pipelines across five agent frameworks to assess scalability and efficiency. My findings were presented to an audience of 40–50 cross-functional stakeholders—including engineers, analysts, and senior leadership—and directly shaped early strategies for adopting AI to improve nonprofit impact measurement.

Frontend Developer

Redesigned and rebuilt the Mt. SAC CS Club website using React and Bootstrap, enhancing UX, responsiveness, and access to events, officers, and contact info for 900+ members.

Software Engineer Intern

At TensorStax, I owned the design and development of a secure credential-submission UI integrated with HashiCorp Vault, which streamlined authentication across 50+ enterprise data sources such as AWS Glue, Snowflake, MongoDB, Postgres, Airflow, dbt, and Spark. I also built low-latency frontend systems with Next.js, Redux, and WebSockets that supported 100+ concurrent beta users with sub-100ms latency. Over the course of the internship, I contributed to 30+ reusable UI components and collaborated with a 10–15 person engineering team spanning frontend, machine learning, and infrastructure.

technologies

Next.jsReactTypeScriptPythonPostgreSQLLambdaTailwind CSSReduxPrismaFirebaseC++

selected projects

project archive
Rift Report

Rift Report

Built a full-stack analytics platform that aggregates and visualizes over 1,000+ ranked matches from the Riot Games API. The dashboard highlights role distribution, champion performance trends, and build efficiency, giving players a data-driven lens into their gameplay. To ensure responsiveness at scale, I implemented caching and rate-limiting strategies that reduced fetch times by 40%, while still delivering real-time timelines, item builds, and matchup insights. Designed with a clean, interactive interface, the tool helps users explore both aggregate trends and individual match breakdowns seamlessly.

Next.jsTailwind CSSTypeScriptRiot API
Git Proof

Git Proof

An AI-powered GitHub analytics and report generation tool that transforms public repositories into recruiter-ready summaries. Users can generate commit heatmaps, analyze tech stacks, and receive AI-generated repository insights and README suggestions using Google Gemini. Built with Next.js, Tailwind CSS, and TypeScript, Git Proof also offers professional PDF exports powered by jsPDF and @react-pdf/renderer, all wrapped in a secure, OAuth-authenticated experience. Originally developed and presented during the final round of Bonterra’s R&D internship interview.

Next.jsTailwind CSSTypeScriptGemini APIGitHub APIReact PDF
Computer Science Club Website

Computer Science Club Website

Rebuilt the Mt. SAC Computer Science Club website (v2) using Next.js, TypeScript, and Tailwind CSS, replacing the previous Bootstrap-based build. Engineered modular, reusable components and implemented mobile-first design, semantic HTML, and static optimization. Integrated structured data-driven rendering for events, directories, and dynamic routes to enhance scalability and maintainability across the 900+ member platform.

Next.jsTailwind CSSTypeScriptVercel
Logit

Logit

A full-stack workout logging app designed for a minimal and efficient tracking experience. Users can log workouts, edit past sessions with a React-calendar, and track progress with Recharts visualizations. Workouts are stored in a PostgreSQL database, with support for tags, comments, and dropsets. Built with Next.js, Tailwind CSS, and Prisma, it streamlines workout management while enabling progressive overload tracking.

Next.jsTailwind CSSreact-calendarRechartsSupabasePostgreSQLPrisma
het.ai project preview

Het.AI | HackTech logoHackTech 2025

Collaborated in a team of four to build het.ai (Hand Ergonomic Tracker) during HackTech 2025, a real-time wrist diagnostic platform that visualizes hand posture and calculates ergonomic risk using the Leap Motion Controller. I led the frontend development using Next.js and Tailwind CSS, building interactive visualizations and a dynamic dashboard that interfaces with a FastAPI backend and Firebase Firestore. The platform outputs flexion, deviation, and pronation angles, enabling users to receive live feedback and long-term session insights for improving typing ergonomics.

Next.jsTailwind CSSPythonLeap MotionFastAPIFirebaseReal-Time DataData Visualization & Diagnostics

education

University of California, Los Angeles

BS, Computer Science

Transfer Research Entry Program

Mount San Antonio College

Honors Transfer

Outreach Officer & Front-End Developer for the Computer Science Club.

Walnut High School

High School Diploma

past versions

Loosely inspired by MonoCV and coded in Visual Studio Code. Built with Next.js and Tailwind CSS, deployed with Vercel. All text is in Cabinet Grotesk typeface.