Dark Mode

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings
andyfrith
Follow

Andy Frith andyfrith

Lead and empower teams to build excellent software that delights customers. Championed many projects as a Lead UI Engineer. Always learning how to be better.

Block or report andyfrith

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user's behavior. Learn more about reporting abuse.

Report abuse
andyfrith/README.md

Hi, I'm Andy Frith

Strategic UI Leader & Full-Stack Architect

Empowering teams to deliver secure, high-performance software & exceptional UX.

I am a Dynamic Problem Solver and Innovative UI Engineer specializing in React, TypeScript, and the TanStack ecosystem. My philosophy--as seen on andyfrith.com--revolves around Human-Led Innovation: orchestrating AI solutions for growth while maintaining a customer-centered approach to translate complex insights into delightful, intuitive designs.

Core Philosophy: Better Than AI

While I efficiently harness AI technology for successful outcomes, I believe in:

  • Team First: Fostering communication, collaboration, inclusivity, and trust.
  • Strategic Vision: Architecting future-proof systems that balance ingenuity with proven reliability.
  • Trusted Solutions: Delivering high-quality, secure architecture for the modern web.

Fantastic Projects & Best Practices

A Modern AI Weather Stack

A showcase of full-stack type safety and sub-millisecond performance.

  • Weather API: A Bun + Hono powerhouse utilizing Zod OpenAPI for a "Single Source of Truth."
  • Weather React Client: Weather AI: Generative Travel Intelligence: A React-based UI leveraging Google Gemini AI, TanStack Query and the Zod OpenAPI client to eliminate API drift and ensure zero-fault integration.

Maps and GIS Development

  • Maplibre React: An interactive, high-performance mapping application built with React and MapLibre GL JS. This project demonstrates how to leverage vector tiles and GPU-accelerated rendering to create beautiful, responsive map interfaces.

Intelligent Travel Experience Design

  • Explorer UI: Explorer UI is a composable UI system built for modern travel applications that blends AI storytelling, real-time data, and beautiful interface design.

Full-Stack: Vertical Type-Safe Architecture

  • Dashboard: This repository serves as a blueprint for Vertical Type Safety. It demonstrates a production-grade dashboard where types flow uninterrupted from the Cloudflare Edge to the React 19 frontend, utilizing a hand-picked stack of industry-leading libraries for maximum performance and developer velocity.

  • Todos Admin: A production-ready full-stack starter built with the TanStack ecosystem: type-safe routing, server functions, real-time data with React Query, and a PostgreSQL-backed Todo CRUD app.

Portfolio & AI Innovations

Project Focus Tech Highlights
ai-file-analyzer AI & RAG Gemini 1.5 Pro, TypeScript, Intelligent Document Analysis.
portfolio-admin Enterprise UI Next.js 15, React 19, TanStack Query v5.
portfolio-api Backend Hono, Drizzle ORM, PostgreSQL, Bun.

Expertise & Toolbox

UI Engineering (React & TanStack)

Modern Backend & AI

Let's Connect

"Delivering sound, proven, and trusted architecture solutions that are ready for any challenge."

Pinned Loading

  1. ai-file-analyzer ai-file-analyzer Public

    This project uses Retrieval Augmented Generation (RAG) and cutting edge AI technologies; such as Google Gemini to analyze a file or image uploaded by a user. A summary of the uploaded file is prese...

    TypeScript

  2. yelp-restaurants yelp-restaurants Public

    A minimal React Typescript application providing a simple UI built with the Uber Base Web library that accesses Yelp's GraphQL API endpoints.

    TypeScript 1

  3. portfolio-api portfolio-api Public

    This project is an API built using the Hono web application framework, Drizzle ORM and backed by a PostgreSQL database.

    TypeScript

  4. portfolio-admin portfolio-admin Public

    This frontend application is used for administration of the content presented in the portfolio website for Andy Frith. The application is engineered with Next.js 15, React v19 and TanStack Query v5...

    TypeScript

  5. portfolio-web portfolio-web Public

    This frontend application is the portfolio website for Andy Frith. The application is engineered with Next.js 15 and React v19.

    TypeScript 1

  6. data-visualizations data-visualizations Public

    This project is the research and exploration of building optimized data visualizations with React and large datasets. The application is engineered with Next.js 15, React v19. Visualizations have b...

    TypeScript