Explore

John De Joya · Philippines / UTC+8

Quick navigation

Tab to choose · Escape to close · Ctrl / ⌘ K to open
Open to remote roles & freelance projectsJOHN DE JOYA / PHILIPPINES · UTC+8
John Angelo De Joya, J0hnvexcoder, holding his laptop
WEB DEVELOPMENT
SOFTWARE & SYSTEMS
INDEPENDENT PRACTICE
HUMAN-CENTERED ENGINEERING

WEB DEVELOPER · FULL-STACK · LINUX & INFRASTRUCTURE

From interface
to infrastructure.

Practical software and the self-hosted systems behind it.
From the browser interface to the Linux server.

02 / AN INDEPENDENT TECHNICAL PRACTICE

The interface is
only the beginning.

I’m John Angelo De Joya (J0hnvexcoder), a freelance web developer in Bulacan, Philippines. I build practical software and the systems that give it a home.

My work spans web development in the Philippines, automation, and Linux infrastructure — from the first interaction to the last server.

Meet the person behind the work

03 / SELECTED BUILDS

Ideas. Engineered.

Independent software, self-hosted products, and considered digital interfaces. The work is the evidence.

01 / InfrastructureExperimental

Nexora Lab

A self-hosted infrastructure dashboard connecting host telemetry, topology and administration. Open-source release-candidate work.

ReactTypeScriptExpressWebSocketTailwind
Explore Nexora Lab
Nexora LabSelf-hosted infrastructure dashboardInterface illustration · private telemetry screenshot withheld
02 / WebClient work

Jenica Salazar's Portfolio

A personal portfolio for Jenica B. Salazar, introducing her professional story, experience, skills, and MovieFlix venture.

Next.jsReactCSSVercel
Explore Jenica Salazar's Portfolio
Jenica Salazar's Portfolio / interface previewSCREENSHOT
Jenica Salazar's Portfolio — A personal portfolio for Jenica B. Salazar, introducing her professional story, experience, skills, and MovieFlix venture.
03 / SoftwareCompleted

CompressMe

A powerful, cross-platform image compression tool with a modern PySide6 GUI and full CLI.

PythonPySide6PillowCLIDesktop
Explore CompressMe
CompressMe / interface previewSCREENSHOT
CompressMe — A powerful, cross-platform image compression tool with a modern PySide6 GUI and full CLI.

THE COMPLETE COLLECTION

A little curiosity.
A lot of building.

19 projects / 4 categories

19 projects shown

01Nexora LabA self-hosted infrastructure dashboard connecting host telemetry, topology and administration. Open-source release-candidate work.InfrastructureExperimental
Nexora LabSelf-hosted infrastructure dashboardInterface illustration · private telemetry screenshot withheld

Nexora Lab is a self-hosted dashboard for understanding a homelab's hosts and workloads. It combines infrastructure telemetry, history, topology and administrator controls in one interface.

ReactTypeScriptExpressWebSocketTailwindEChartsSQLiteDocker
Nexora Lab case study RepositoryDocumentationReleases
02Nexora AgentThe dedicated modular telemetry service that enriches Nexora Lab with node-local host, container, hardware, disk, and network data.InfrastructureActive
Nexora AgentDedicated telemetry serviceInterface illustration · no screenshot provided

Nexora Agent collects information directly from a monitored Linux host and reports it to Nexora Lab. It complements the Proxmox API rather than replacing it.

TypeScriptNode.jsLinuxDockerProxmox
Nexora Agent case study RepositoryDocumentation
03CompressMeA powerful, cross-platform image compression tool with a modern PySide6 GUI and full CLI.SoftwareCompleted
CompressMe / interface previewSCREENSHOT
CompressMe — A powerful, cross-platform image compression tool with a modern PySide6 GUI and full CLI.

CompressMe is a Python utility for reducing image-library size and reviewing duplicates. The same compression workflow is available through a desktop interface and command-line controls.

PythonPySide6PillowCLIDesktop
CompressMe case study RepositoryDocumentationReleases
04Jenica Salazar's PortfolioA personal portfolio for Jenica B. Salazar, introducing her professional story, experience, skills, and MovieFlix venture.WebClient work
Jenica Salazar's Portfolio / interface previewSCREENSHOT
Jenica Salazar's Portfolio — A personal portfolio for Jenica B. Salazar, introducing her professional story, experience, skills, and MovieFlix venture.

Jenica Salazar's website brings her professional background and MovieFlix founder story into one responsive portfolio.

Next.jsReactCSSVercel
Jenica Salazar's Portfolio case study Live site
05MovieFlixA self-hosted, private media streaming platform delivering a Netflix-inspired experience from your own storage.WebActive
MovieFlix / interface previewSCREENSHOT
MovieFlix — A self-hosted, private media streaming platform delivering a Netflix-inspired experience from your own storage.

MovieFlix turns a local media collection into a self-hosted browsing and playback application. Its public case study explains the software without exposing the private runtime.

Next.jsReactTypeScriptRedisSQLiteFFmpegDockerTMDB
MovieFlix case study RepositoryDocumentationReleases
06Donut HouseA premium cosmic bakery storefront with a rich product catalog, custom donut boxes, persistent shopping tools, and a complete demonstration checkout.WebDemo concept
Donut House / interface previewSCREENSHOT
Donut House — A premium cosmic bakery storefront with a rich product catalog, custom donut boxes, persistent shopping tools, and a complete demonstration checkout.

Donut House is a fictional bakery storefront that connects product browsing, customization and a demonstration checkout in one experience.

Portfolio Commerce Concept — No real orders or payments

Next.jsReactTypeScriptTailwind CSSFramer MotionZustandZodVercel
Donut House case study Live site
07Mark Jaron's PortfolioA personal portfolio for industrial engineer Mark Jaron R. Marigondon, focused on operations, process improvement, and measurable work.WebClient work
Mark Jaron's Portfolio / interface previewSCREENSHOT
Mark Jaron's Portfolio — A personal portfolio for industrial engineer Mark Jaron R. Marigondon, focused on operations, process improvement, and measurable work.

Mark Jaron's portfolio presents an industrial engineering background through experience, selected studies, certifications and a practical toolkit.

HTMLCSSJavaScriptVercel
Mark Jaron's Portfolio case study Live site
08Your CoffeeA responsive café ordering concept with 33 crafted drinks, flexible customization, local cart persistence, and a complete demonstration checkout.WebDemo concept
Your Coffee / interface previewSCREENSHOT
Your Coffee — A responsive café ordering concept with 33 crafted drinks, flexible customization, local cart persistence, and a complete demonstration checkout.

Your Coffee is a fictional café website with a searchable drink menu, product options and a demonstration ordering journey.

Portfolio Café Concept — No real orders or payments

HTMLCSSJavaScriptlocalStorageVercel
Your Coffee case study Live site
09Python-KeybrA terminal-based typing trainer inspired by keybr.com, built entirely in Python using the curses library.CLICompleted
Python-KeybrTerminal-native softwareInterface illustration · no screenshot provided

Python-Keybr is a terminal typing trainer inspired by keybr.com. It offers practice and feedback without a browser-based interface.

PythoncursesTerminal
Python-Keybr case study RepositoryDocumentationReleases
10DistroZSHA lightweight, framework-free ZSH configuration delivering a native, professional terminal experience across Linux distributions.CLIActive
DistroZSHTerminal-native softwareInterface illustration · no screenshot provided

DistroZSH is a distribution-aware ZSH configuration with a consistent prompt and selectable layouts, without a shell framework or plugin manager.

ZSHBashLinuxTerminal
DistroZSH case study RepositoryDocumentation
11Starbucks LoginAn unofficial Starbucks-inspired login page demo — a functional UI concept with working form validation.WebDemo concept
Starbucks Login / interface previewSCREENSHOT
Starbucks Login — An unofficial Starbucks-inspired login page demo — a functional UI concept with working form validation.

Starbucks Login is an unofficial interface practice project. The published demonstration runs entirely in the browser.

Unofficial Concept Project — Live Demo

HTMLCSSJavaScriptUI/UX
Starbucks Login case study Local demo
12Smart Expense VisualizerAn interactive expense-tracking dashboard with Chart.js visualization — try it live right in the browser.WebDemo concept
Smart Expense Visualizer / interface previewSCREENSHOT
Smart Expense Visualizer — An interactive expense-tracking dashboard with Chart.js visualization — try it live right in the browser.

Smart Expense Visualizer is a browser-local demonstration for recording expenses and seeing how categories contribute to a total.

Live Demo — Data stays in your browser

JavaScriptChart.jsTailwindlocalStorage
Smart Expense Visualizer case study Local demo
13MonthsaryA personal anniversary website connecting a time-together counter, a timeline and media galleries.WebActive
Monthsary / interface previewSCREENSHOT
Monthsary — A personal anniversary website connecting a time-together counter, a timeline and media galleries.

Monthsary is a personal anniversary website that brings photographs, letters and shared moments into one place.

Personal Project

HTMLCSSJavaScript
Monthsary case study Live site
14JohnVex-WinOpsA PowerShell administration toolkit with allowlisted operations, dry-run planning, verification and structured logs.InfrastructureActive
JohnVex-WinOps / interface previewSCREENSHOT
JohnVex-WinOps — A PowerShell administration toolkit with allowlisted operations, dry-run planning, verification and structured logs.

JohnVex-WinOps organizes Windows diagnostics and administration operations behind a modular PowerShell engine.

PowerShellWindowsSecurityAutomation
JohnVex-WinOps case study RepositoryDocumentationReleases
15J&GLOA premium fictional streetwear storefront with an interactive portfolio store demo.WebDemo concept
J&GLO / interface previewSCREENSHOT
J&GLO — A premium fictional streetwear storefront with an interactive portfolio store demo.

J&GLO is a fictional fashion storefront that combines editorial presentation with product browsing and shopping-bag interactions.

Portfolio store concept — no real orders or payments.

Next.jsVercel
J&GLO case study Live site
16ARKOSENYOAn architecture website demonstration presenting design, interiors, and construction.WebClient work
ARKOSENYO / interface previewSCREENSHOT
ARKOSENYO — An architecture website demonstration presenting design, interiors, and construction.

ARKOSENYO is a client architecture website project connecting services, structured project records, search and image galleries. The published demonstration presents the implemented browsing experience.

Client website project — published demonstration; inquiry delivery and a separate production launch are not asserted.

Next.jsVercel
ARKOSENYO case study Live site
17TAITECH MarineA marine and industrial equipment website redesign demonstration.WebClient work
TAITECH Marine / interface previewSCREENSHOT
TAITECH Marine — A marine and industrial equipment website redesign demonstration.

TAITECH Marine is a client website redesign project for marine equipment and technical services. The published demonstration connects content browsing with a structured request preview.

Client website redesign — request preview only; no submission, scheduling or reserved availability is claimed.

Next.jsVercel
TAITECH Marine case study Live site
18Shoes on the GoAn independent 3D footwear experience combining cinematic motion and real-time interaction.WebDemo concept
Shoes on the Go / interface previewSCREENSHOT
Shoes on the Go — An independent 3D footwear experience combining cinematic motion and real-time interaction.

Shoes on the Go is an independent footwear visualization that connects a directed 3D narrative with hands-on product inspection.

Independent, noncommercial concept — no brand affiliation or product sales.

Next.jsThree.jsReact Three FiberGSAPVercel
Shoes on the Go case study Live site
19ARCHÉONAn architecture portfolio demo with a scroll-driven 3D construction sequence, interactive house exploration, and illustrative tropical-modern floor plans.WebDemo concept
ARCHÉON / interface previewSCREENSHOT
ARCHÉON — An architecture portfolio demo with a scroll-driven 3D construction sequence, interactive house exploration, and illustrative tropical-modern floor plans.

ARCHÉON connects an original tropical-modern house concept with a reversible 3D construction story and interactive floor plans.

Architecture visualization demo — Amihan House is an illustrative concept, not a completed commission. Project briefs are downloaded locally; no requests are sent.

Next.jsReactTypeScriptThree.jsReact Three FiberGSAPVercel
ARCHÉON case study Live site
On the drawing board Three source concepts

Planned / CONCEPT

EmailBlast - SMTP

A customizable enterprise email campaign management system designed for sending templated emails to contact groups, managing multiple SMTP senders, tracking delivery status, and running paced campaigns automatically in the background.

  • Templated emails
  • Multiple SMTP senders
  • Delivery tracking
  • Automated campaigns

In Development / CONCEPT

VaultNote

A privacy-focused web application for storing notes, documents, credentials, and important information in an organized and encrypted workspace.

  • Categories
  • Search
  • Tagging
  • Attachments
  • Encryption

Planned / CONCEPT

InvoiceFlow

A modern client and invoice management platform for freelancers and small businesses.

  • Quotations
  • Invoices
  • Payment tracking
  • Client records
  • Document generation

04 / INFRASTRUCTURE IN PRACTICE

The system
beneath the surface.

A personal lab for virtualization, deployment, storage, and learning how the pieces connect.

pve0 / DOCUMENTED ENVIRONMENTILLUSTRATIVE TOPOLOGY
WANpve0 / Proxmox VEThinkCentre M710qVM 01DebianVM 02DebianVM 03UbuntuServicesTrueNAS
i5-750016 GB DDR42 TB SSD

pve0

The physical foundation

Lenovo ThinkCentre M710q · Intel Core i5-7500 · 16 GB DDR4 · 2 TB SSD. Running Proxmox VE to explore virtualization, storage, deployment, monitoring, and backups.

Explore Nexora Lab Documented configuration. The diagram is illustrative and does not display live telemetry.

05 / PROFESSIONAL SYSTEM

Every layer
matters.

A website is a starting point. A complete experience connects people, software, and the infrastructure that keeps it working.

SELECT A CONNECTED LAYERPERSON → PRODUCT → SYSTEM

LAYER 01 / Interface

The part people experience.

Responsive websites, portfolios, business sites, and thoughtful interfaces shaped around usability and maintainability.

HTMLCSSJavaScriptReactNext.jsTailwind CSSFramer MotionWordPress
01Understand
02Shape
03Align
04Validate
An illustration of the working process, not a live production status.

06 / SKILLS & EXPERTISE

Tools with
a purpose.

Technologies applied across software projects, websites, and home infrastructure. Chosen for the problem.

01

Development

02

Infrastructure

03

Data

04

Tools

07 / PROFESSIONAL EXPERIENCE

Real work.
Real responsibility.

Workplace IT responsibilities, client delivery, and sustained hands-on work in software and infrastructure.

JUN — SEP 2026

Web Development / Information Technology

HundredFold Digital

Provided web development and IT support. Maintained the organization’s technical environment.

APR — MAY 2026

Web Development

Freelance · Contract Client

Delivered contract web development on a fixed timeline. Implemented and deployed client-requested features.

DEC 2025 — MAR 2026

Web Development

Freelance · Private Client

Built and shipped an end-to-end web project. Managed the full delivery lifecycle for a private client.

AUG — OCT 2025

Web Development / Networking

Freelance · Client

Delivered web development for freelance clients. Handled networking and deployment tasks.

INDEPENDENT TECHNICAL WORK

Experience built
through ownership.

Personal projects have required me to plan, build, deploy, debug, document, and maintain complete systems.

  • Homelab administration
  • Open-source development
  • Linux server management
  • Independent web development
  • Self-hosted infrastructure
First information security certification in progress.
This is a learning path, not a completed certification.

08 / WORK WITH ME

From the website
to the server.

Focused work shaped around the actual problem, without unnecessary complexity.

01

Business Website Development & Redesign

Help customers understand your business, find what they need and take the next step. I build new sites and improve existing ones.

02

Technical SEO & Website Optimization

Make useful content easier to discover and the website easier to use. I inspect the published pages and code, then address demonstrated technical problems.

03

CMS & Content Management Systems

Keep content updates manageable. I define the editing workflow, permissions and records your business actually needs.

04

Professional Portfolio Website Development

Give your work the context it deserves. I connect professional identity, selected projects and a clear contact path.

05

Booking & Reservation Systems

Make requests clear and confirmations accurate. I scope the workflow around how your business manages availability.

06

Custom Web Applications & Tailored Business Solutions

Turn a specific workflow into useful software. I establish feasibility, integrations and a practical acceptance plan first.

09 / CLIENT FEEDBACK

What clients say.

Feedback from people I’ve worked with on web development, technical projects, and digital experiences.

Hold to pause. Drag or swipe left and right to explore reviews. With keyboard focus, use the left and right arrow keys.

CLIENT FEEDBACK
“The user experience is smooth, the design aesthetic is elegant, and the performance is flawless. If you want a web developer who truly understands modern web standards and design, look no further!”
Je****
CLIENT FEEDBACK
“A perfect demonstration of clean code and modern frontend design!”
Ge****4th Coffee
CLIENT FEEDBACK
“Super responsive, polished, and perfectly structured to highlight skills and achievements. He consistently delivers clean, high-performing websites. Couldn’t recommend him enough”
Ma********
CLIENT FEEDBACK
“I’m really impressed by his work. I was hesitant at first, but after seeing his proposal, I knew he understood exactly what I wanted to achieve with my first landing page. He delivered the vision I had in mind, and I’m very happy with the result.”
Ra****
CLIENT FEEDBACK
“I directly asked him for a favor to help me deployed a server dashboard through my homelab and he didn't think twice helping me. Thanks men”
Greek ManHomelab

10 / THE PERSON BEHIND THE BUILD

Curiosity,
put into practice.

John Angelo De Joya.
Developer. Systems builder. Always learning.

John Angelo De Joya working at his desk with a laptopJOHN DE JOYA / J0HNVEXCODER
I don't just fix what's broken. I build what lasts.

I’m John Angelo De Joya, also known as John De Joya. I publish my work as J0hnvexcoder, using the handle johnvexcoder. Based in Bulacan, Philippines, I work across full-stack application development, Linux, and self-hosted infrastructure.

My formal degree is in Hospitality Management — but my technical experience comes from real projects, client work, and building and operating my own systems. I learned through self-study, experimentation, and work that solves actual problems rather than theory alone.

I’m currently building my first server cluster, studying network architecture and service communication, and continuing to learn information security fundamentals.

ReliableUsefulSecurePractical

QUALIFICATIONS & MILESTONES

Youth Leadership Award2024 — 2025
Bachelor of Science in Hospitality Management2024 — 2025
NC II Bartending2023
NC II Bread and Pastry2024

Away from the keyboard: DJing, EDM and music production, cooking, family, and quiet time.

11 / LET’S CONNECT

Have something
in mind?

A website idea. A software project. An infrastructure challenge. Let’s talk about what you’re building.

johnangelodejoya@gmail.comDownload résumé

Based in the Philippines · UTC+8
Email is the easiest way to start.

PROJECT INQUIRY

A useful starting point.

I work directly with you. Tell me what you need; I’ll review the scope and feasibility with you.

This prepares a message in your email app. You send it there. Inquiry details stay in this page while it is open; they are not saved by this website or sent to analytics. Copy Inquiry copies them to your device’s clipboard.

j0hn@portfolio:~

Decorative interface. Commands do not run on your computer.

Welcome to the portfolio terminal. Type help.

Your privacy choices

A portfolio to explore. Analytics you can choose.

What analytics helps me understand

This site uses Google Analytics 4 to understand aggregate visits, popular projects, demo and repository clicks, and contact-link interactions. Analytics is optional; declining keeps every portfolio feature available.

What your choice means

Accepting loads Google’s analytics service and lets it use first-party analytics cookies. Before you accept, or if you decline, this site does not load that service or send analytics events.

Your choice is remembered in this browser using local storage. If storage is unavailable, it applies for this visit and may be asked again after a refresh.

Information and safeguards

Google may process technical information from analytics requests, such as your IP address and browser or device information. This site is designed not to include visitor names, emails, phone numbers, message contents, or other personal details in analytics event parameters. Tracked page addresses omit search terms and URL fragments.

The contact form prepares a message in your email app; it does not confirm delivery. Reviews use Web3Forms separately from analytics.

Google’s privacy practices ↗

Change your mind at any time

Reopen Privacy Settings in the footer to change your choice. Declining after accepting stops tracking, removes this site’s analytics cookies, and reloads the current page to stop the loaded service. Information already sent cannot be recalled by this control.

Analytics: not chosen