Solving problems through code and design.
I am John Christopher Diaz — a full-stack developer, network engineer, and photographer based in the Philippines. I build software that makes everyday work easier, and I explore graphic design and photography as creative extensions of the same problem-solving practice.
Frontend
- HTML5
- CSS
- Tailwind CSS
- JavaScript
- TypeScript
- React
- Next.js
Backend & Languages
- Node.js
- Python
- FastAPI
- Flask
- PHP
- Java
- JavaFX
- C#
- C++
- Google Apps Script
Databases
- SQL
- PostgreSQL
- MySQL
- MongoDB
- SQLite
- Firebase
- Supabase
Infrastructure & Tools
- Vercel
- DigitalOcean
- Git
- Zapier
- Make
- n8n
Creative & Productivity
- Adobe Creative Cloud
- Google Workspace
- Figma
- Canva
- Photography
- Graphic Design
- Branding
Projects and systems.
Applications, dashboards, civic tools, and hardware-backed systems — each built to solve a real problem.
Automation Workflows
HeronsHub Social
A production social platform for community publishing and profile-centered discovery. Posts, profiles, moderation, and social loops built for return visits.
SaintAngelo
Priority-based hospital triage with ticket tracking, receptionist and admin dashboards, and a waiting-room display.
AFHM
Automated flood and hazard monitoring with live sensor simulation, water visualization, and threshold alerts.
Dotion
Notion-inspired editor with page hierarchy, course mode, templates, and per-page font and accent controls.
Radia
All-in-one HR system with kanban boards, org chart, onboarding courses, SOPs, and integration connectors.
SipatGov
Philippine civic platform for tracking government promises, infrastructure projects, and community reports.
AlphaFitness
Attendance logging, BMI classification, equipment-based workout tracking, and role-separated admin tools.
Idea to Reality.
I create graphical contents for social media, may it be custom work or layouts.
Roles and directions.
- Software Engineer2023
- Automation Engineer2024
- Graphic Designer2020
- Photographer2024
Let's build something.
Ready to collaborate? Reach out through any of the channels below.