Core frontend
Languages and frameworks used to build production web interfaces.
- JavaScript
- TypeScript
- React
- Next.js
- Svelte
- HTML
- CSS
JC
John Christopher GoFRONTEND ENGINEER / PRODUCT BUILDER
I engineer interfaces that make complex products feel simple.
I'm John, a frontend engineer focused on scalable web and mobile applications, design systems, and reliable product experiences that create measurable impact.
SYSTEM / JC-04STATUS: OPERATIONAL
NODE 01
UIInterfaces
NODE 02
DXSystems
NODE 03
APIData flow
NODE 04
A11YAccess
DESIGNED TO SCALE
05+Years of experience
20+Production contributions
05Personal products shipped
About Me
I build thoughtful web applications that solve real problems and remain dependable as they grow.
My journey into software development began with curiosity about how websites work. It grew into a focus on clean code, user experience, and scalable frontend architecture.
I specialize in modern web technologies and have experience building responsive interfaces and performant applications across different products and domains.
CAREER PATH
Where I've built and shipped.
05+ years across mobile applications, product interfaces, and production platforms.
- 2023 — PRESENT01
PakyawKalabaw
Application Developer
CURRENT ROLE - 2023 — PRESENT02
ScaleForge
Front-End Engineer
CURRENT ROLE - 2022 — 202303
HighOutput Ventures
Front-End Engineer
Data and state
API integration, server-state caching, and client-state management.
- GraphQL
- Apollo Client
- React Query
- Redux
- Zustand
UI systems
Component libraries and styling systems for consistent, responsive products.
- Tailwind CSS
- Chakra UI
- shadcn/ui
- Radix UI
- Panda CSS
- Ant Design
Engineering workflow
Tools supporting scalable repositories, testing, and collaborative delivery.
- Nx
- Git
- Jest
Backend and data
Server-side and database technologies used for full-stack product delivery.
- Node.js
- NestJS
- Prisma
- PostgreSQL
- Strapi
- MongoDB
Platforms
Cross-platform development, containers, and application deployment.
- Flutter
- React Native
- Docker
- Vercel
- Railway
Personal Projects
PROJECT / 01A Pokedex App that displays a list of Pokemons and their details. This has also a custom game which is a card game in which you earn a Z-Points to Obtain a certain pokemon. This project is built with Next.js, TypeScript, GraphQL, Zustand and Chakra-UI.
Next.jsTypeScriptGraphQLZustandChakra-UIApollo ClientReact
PROJECT / 02Inventory Management & POS System for a Korean ramyun shop, supporting product and sales management. Built with Nx Monorepo, Next.js, TypeScript, NestJS, and GraphQL, using MongoDB for data storage,React Query for data fetching and caching, Zustand for state management and Chakra UI for state management and UI.
Next.jsTypeScriptGraphQLZustandChakra-UINestJSMongoDBReact QueryReact
PROJECT / 03IN DEVELOPMENTDaloyPH mobile
DaloyPH mobile is a citizen-focused mobile application that makes local goverment services more accessible and convenient. Residents can discover municipal and barangay services, submit document requests, track application progress, receive real-time notifications, and stay informed through announcements, community events, job opportunities, and emergency hotlines. The application also supports citizen profile, identity verification, secure authentication, and accessible light and dark themes. Built with Flutter and Dart, the app deliverts a unified civic-services experience accross Android and iOS
flutter
PROJECT / 04DaloyPH Web Admin is a centralized management platform for municipal and barangay personnel. It enables authorized staff to process citizen applications, verifiy identities, maintain the government service catalog and documents requirements, and publish announcements, events, job opportunities, and emergency contact information. The Platform also provides citizen records, department and barangay management, staff adminitration, role-based access control, audit logs, system settings, and municipality-level oversight. Built with Next.js, React, TypeScript, GraphQL, and Tailwind CSS, it gives local goverment teams an organized and accountable way to deliver digital public services.
Next.jsTypeScriptGraphQLShadCN UITailwindCSSNestJSPostgreSQLPrismaReact QueryZustandReact
PROJECT / 05Pharmivra is a Pharmaceutical Inventory Management System — A scalable inventory system for managing pharmaceutical products and stock. Built with Next.js, TypeScript, NestJS, and GraphQL, using PostgreSQL and Prisma for data persistence, with React Query, Zustand, ShadCN UI, and Tailwind CSS for efficient state management and a modern UI.
Next.jsTypeScriptGraphQLZustandTailwindCSSShadCN UINestJSNx MonorepoPostgreSQLPrismaApollo ClientReactElectron.jsNuqs
PROJECT / 06
PROJECT / 07Production Log
Professional products I helped ship, maintain, and evolve inside multidisciplinary teams.
These contributions represent production work across design-system implementation, frontend architecture, product delivery, and platform reliability.
Pakyaw Kalabaw
A mobile marketplace connecting clients with independent local service providers.
PRODUCTION01
PAKYAW KALABAWLIVE
Pakyaw Kalabaw
Pakyaw Kalabaw is a mobile application that serves as a bridge between clients and independent service providers—including motorcycle taxi riders, food delivery couriers, skilled workers such as plumbers and electricians, and online sellers. It is not a company that employs service providers; rather, it is a platform designed to enable fast, convenient, and direct connections between clients and individuals offering products or services.
TECH STACK
Flutter
VIEW
ScaleForge
Customer-facing platforms and internal products supporting high-traffic gaming operations.
PRODUCTION01
SCALEFORGEARCHIVED
RoyalReels X
A high-traffic gaming platform spanning slots, table games, and live experiences. I contributed production UI, reusable frontend patterns, and ongoing performance and reliability improvements.
TECH STACK
Next.jsTypeScriptGraphQLZustandTailwind CSSShadCN UIApollo ClientReact
PRODUCTION02
SCALEFORGEARCHIVED
ThePokies X
A customer-facing gaming platform built within a shared Nx architecture. My work focused on scalable Next.js interfaces, design fidelity, and maintainable product patterns.
TECH STACK
Next.jsTypeScriptGraphQLZustandTailwind CSSShadCN UIApollo ClientReact
PRODUCTION03
SCALEFORGEARCHIVED
Astrial Admin BackOffice
Admin dashboard for the RoyalReelsX casino portal. Its purpose is to manage the casino’s back‑office operations. The dashboard module gives a high‑level overview, while specific tabs handle members and account management, deposit and withdrawal requests, promotions and tournaments, compliance checks and detailed reporting.
TECH STACK
Next.jsReactGraphQLZustandTailwind CSSShadCN UIReact QueryTypeScriptJavaScriptAdmin Dashboard
SCALEFORGEARCHIVED
BetVision
A betting product offering multiple game formats through a unified interface. I contributed reusable components and production-ready frontend experiences.
TECH STACK
Next.jsTypeScriptGraphQLZustandChakra-UI
HighOutput Ventures
Cross-team frontend delivery for venture-backed products at different stages of maturity.
HIGHOUTPUT VENTURESARCHIVED
Upwatch
A monitoring product that helps teams track the health and availability of websites and applications. I supported responsive frontend delivery across a fast-moving venture team.
TECH STACK
Next.jsTypeScriptGraphQLZustandChakra-UI
04 / CONTACT
Have a complex interface to make simple?
I'm always interested in thoughtful product work, ambitious frontend challenges, and teams that care about craft.
go.jchristopher@gmail.com