Full-Stack Engineer

I build polished, accessible, and performant web applications.

Hi, I'm Jeff Villarina. I'm a Full-Stack Engineer with a strong frontend focus, building polished user experiences and reliable full-stack systems with React, Next.js, and TypeScript.

Technologies I Work With

  • react
  • nextjs
  • typescript
  • nodejs
  • graphql
  • tailwind

About Me

Engineering strengths that power polished, performant web applications.

I am a Full-Stack Engineer with a strong frontend focus, collaborating with Product and Design to deliver polished, accessible user experiences.

I own features end to end with React, Next.js, TypeScript, and Node.js, pairing frontend craftsmanship with reliable backend architecture and performance-minded delivery.

Core Strengths

A focused set of capabilities for modern web applications.

  • Frontend Engineering

    Polished UI systems, responsive layouts, and accessible component foundations.

  • Full-Stack Development

    API-first architecture, backend services, and data-layer integration.

  • Accessible UI

    Keyboard-friendly navigation, semantic markup, and inclusive interaction patterns.

  • Performance

    Optimized rendering, caching, and delivery strategies for fast first loads.

  • Responsive Design

    Adaptive layouts, mobile-first thinking, and device-agnostic product quality.

  • Product-Focused Engineering

    Systems designed for clarity, maintainability, and collaborative delivery.

Core Stack

Technologies I Master

A polished set of tools for modern web applications, from frontend systems to backend services and data infrastructure.

  • React

    Frontend

    Component-driven UI systems, hooks, and modular frontend architecture.

  • Next.js

    Frontend

    Server components, routing, and performance-optimized page delivery.

  • TypeScript

    Language

    Type-safe codebases, maintainable APIs, and robust developer experience.

  • JavaScript

    Language

    Modern ES6+ patterns, browser features, and runtime optimization.

  • Node.js

    Backend

    Runtime services, APIs, and scalable server-side application logic.

  • NestJS

    Backend

    Structured backend frameworks, typed APIs, and modular services.

  • PostgreSQL

    Database

    Relational data modeling, schema design, and robust query patterns.

  • Tailwind CSS

    Frontend

    Utility-first styling, responsive layouts, and consistent visual systems.

Career Path

Professional Timeline

A concise editorial timeline designed for recruiters and engineering teams to scan quickly.

  1. Sold.comFull-Time

    Full-stack Engineer

    Irvine, CA

    • Owned and delivered end-to-end product features using React, Next.js, TypeScript, and NestJS, partnering closely with Product and Design from requirements through production release and ongoing maintenance.
    • Built secure billing and subscription services using Stripe APIs and webhooks, designing scalable backend workflows and REST APIs to automate payment lifecycle events.
    • Designed and implemented browser-based contract signing workflows with real-time validation, audit logging, and compliance-focused user experiences for high-value business transactions.
    • Contributed to a shared Storybook design system, improving component consistency, accessibility, and development velocity while collaborating with designers to maintain a high-quality user experience.
    • Developed event-driven SMS and email communication services using Twilio and SendGrid, enabling reliable transactional messaging and customer notifications across the platform.
    • Collaborated with Product Managers, UX designers, QA engineers, and fellow developers throughout the software development lifecycle, supporting feature planning, testing, and deployment.
  2. Wells FargoFull-Time

    Web Developer 4

    Concord, CA

    • Built and optimized a real-time customer support chat interface used by thousands of concurrent users.
    • Implemented frontend analytics and marketing integrations using Tealium and modular JavaScript patterns.
    • Improved UI performance and accessibility, helping applications meet WCAG 2.1 compliance standards.
    • Partnered with designers and backend engineers to deliver responsive, pixel-accurate interfaces.
    • Participated in code reviews and provided technical support and guidance to junior engineers.
  3. AppstemContract

    Full-stack Engineer

    San Francisco, CA

    • Modernized a legacy React codebase, improving component structure, performance, and maintainability.
    • Implemented token-based design system styles, increasing UI consistency and reusability.
  4. GlamCamFull-Time

    Full-stack Engineer

    San Francisco, CA

    • Built and maintained a live video streaming platform using TokBox for real-time broadcasting.
    • Designed and implemented GraphQL APIs with Node.js/Express to support authentication, stream metadata, and user data.
    • Developed responsive, data-driven React interfaces with real-time updates and state synchronization.
    • Supported cloud deployment workflows and contributed to automation efforts to improve system reliability.
  5. Gofind.aiContract

    Full-stack Engineer

    Berkeley, CA

    • Built mobile features using React Native (iOS) integrated with Node.js/NestJS APIs.
    • Integrated third-party APIs (including Facebook APIs) for real-time data ingestion and display.
  6. LiveAdsContract

    Full-stack Engineer

    San Francisco, CA

    • Developed real-time single-page applications to visualize live social data using serverless APIs.
    • Implemented GraphQL queries to aggregate and consume data from multiple backend services.
  7. Bank of the WestFull-Time

    Data Analyst

    San Francisco, CA

    • Built internal reporting tools using SQL and ensured data integrity across teams.
  8. Rushmore Loan Management ServicesFull-Time

    Support Specialist

    Irvine, CA

    • Led internal process automation efforts, improving operational efficiency.

Have an ambitious web project in mind? Let's build it.

Open to discussing software engineering opportunities. Let's start a conversation.