|

Building beautiful web experiences with clean code

John Mark - Full Stack Developer

About Me

My journey from curious student to passionate developer

Problem Solver

Education

BS Computer Engineering

Computer Engineering student with a passion for creating innovative solutions through code.

Web Enthusiast

Discovery

2+ Years Learning

Discovered the magic of web development and fell in love with building beautiful, functional applications.

Modern Tech

Skills

Full Stack

Mastered modern technologies including React, Next.js, TypeScript, Node.js, and Express.

Currently Working

Experience

1+ Year Pro

Currently working as Web Developer, Tech Virtual Assistant with expertise in automation and full-stack development.

Future Ready

Goals

Always Growing

Continuously learning and growing, ready to take on new challenges and build amazing projects.

My Skills

Web Development

React, Next.js, TypeScript

Responsive Design
Modern Frameworks
Clean Code

WordPress

CMS Development

Custom Themes
Plugin Integration
SEO Optimization

Stripe Payment

Payment Integration

Secure Checkout
Subscriptions
Webhooks

Firebase

Backend Services

Authentication
Real-time DB
Cloud Functions

AI Tools

Development Assistants

Replit
Bolt
GitHub Copilot

Lead Generation

Lead Gen Strategy

Landing Pages
Conversion Funnels
Email Capture

Shopify

E-Commerce Development

Store Setup
Theme Customization
App Integration

WordPress Static

Custom Theme Development

Static Themes
Custom Design
Performance Optimized

Featured Projects

SharingEdge

GPT-powered idea evaluator with Stripe payment integration

Next.jsOpenAIStripePostgreSQL
View Project →

YouTubeTruckers

Interactive voting system with YouTube API integration

WordPressYouTube APICustom Plugins
View Project →

Best Carpet Installers Near Me

Local service directory with search and booking functionality

WordPressSEOLocal Business
View Project →

Cross-Cultural Chat

Real-time chat application with Firebase backend (Ongoing)

Node.jsFirebaseReal-time DBAuthentication
View Project →

Client Work

Real projects. Real results. Real clients.

https://hannah-porfolio.vercel.app/
VH

Virtually Hana

Social Media Manager

Designed and developed a full portfolio website for Hana — a results-driven Social Media Manager. The site showcases her services, packages, client testimonials, and portfolio work with a modern, conversion-focused design.

  • Service & pricing showcase
  • Client testimonials section
  • Portfolio gallery
  • Booking/contact integration
Web DesignNext.jsResponsive DesignUI/UX
Visit Live Site
https://www.betterman-hq.com/
BM

Better Man HQ

Men's Coaching & Mindset Platform

Built a bold, high-impact website for Better Man HQ — a tough-love coaching platform for men focused on discipline, financial independence, and brotherhood. Designed to convert visitors into action-takers.

  • Strong brand identity & messaging
  • Coaching services showcase
  • Community & brotherhood section
  • Lead generation & contact funnel
Web DevelopmentNext.jsCopywriting LayoutSEO
Visit Live Site
https://www.britanniadefendergroup.com/
BD

Britannia Defender Group

Land Rover Restoration Company

Developed a premium website for Britannia Defender Group — a specialist restorer of classic Land Rover Defenders based in London. The site blends timeless British aesthetics with a modern, performance-driven presentation.

  • Premium restoration showcase
  • Vehicle gallery & philosophy page
  • British craftsmanship branding
  • Contact & enquiry integration
Web DevelopmentNext.jsCustom ThemeUI/UX
Visit Live Site
Experimental Lab

Game Dev

Where code meets creativity — pushing the limits of the web.

https://strangerthings-rho.vercel.app/

Stranger Things: Multiplayer Exploration

Three.js · Experimental

A 3D multiplayer exploration game built with Three.js, inspired by the Stranger Things universe. Features real-time multiplayer with Google sign-in, a first-person perspective, and a dual-world environment — the Normal World and the Upside Down.

  • Real-time multiplayer exploration
  • First-person 3D controls (FPS)
  • Google sign-in & progress saving
  • Normal World & Upside Down environments
Three.jsWebGLFirebaseGoogle AuthNext.js
Play Live
Mostly Custom. Always Handcrafted.

My Process

Most projects I build are coded from scratch — here's how it goes.

01

Code in VS Code

Most projects start from scratch — no page builders, no drag-and-drop. Clean, handwritten code in VS Code using Next.js, React, and TypeScript for full control over performance and design.

VS CodeNext.jsTypeScriptTailwind CSS
01
02

Responsive Testing

Every layout is tested across mobile, tablet, and desktop viewports using browser DevTools and real devices to make sure it looks sharp on every screen.

DevToolsMobile-firstCross-browserViewport Testing
02
03

Unit Testing

Core components and logic are covered with unit tests to catch bugs early and keep the codebase reliable as the project grows.

JestReact Testing LibraryQA
03
04

Push to GitHub

Code is version-controlled and pushed to GitHub with a clean commit history. Branching keeps features isolated and the main branch always deployable.

GitGitHubVersion ControlBranching
04
05

Deploy to Vercel

Deployment is seamless via Vercel — automatic CI/CD on every push, instant preview URLs for client review, and lightning-fast global CDN delivery.

VercelCI/CDAuto DeployPreview URLs
05
06

Domain Setup

Domain config depends on the client. GoDaddy, Namecheap, Google Domains — whatever they have, I handle the DNS setup and get the site live with SSL.

GoDaddyNamecheapDNS ConfigSSL / HTTPS
06

Most sites I build are custom — no page builders, no shortcuts. Just clean code that performs.

Experience

Web Developer & Automation

CBL Publish • North Carolina, US
February 2025 - Present

WordPress development and customization

Building automation workflows and integrations

Full-stack web development solutions

Technical consulting and implementation

Freelance Technical Virtual Assistant

Sister Diamonds Support
December 2024 - January 2025

Web development using Ontraport CRM platform

Automation workflows with Zapier integration

Technical support for US-based clients

System optimization and maintenance

SEO Intern

GoAbroad.com
2022 - 2023

Fixed 404 errors and broken links

Optimized internal link structure

Compressed and optimized images

Conducted data mining and analysis

LET'S TALK!

Ready to start your next project? Let's connect!
Email
papelirinjohnmarkdote@gmail.com
Location
Philippines
Availability
Open to opportunities