About Me

John Mark Capones

Aspiring Developer | DevOps & Cloud Engineer | 4th Year BSIT Student

Results-driven IT student with extensive hands-on experience in full-stack development, DevOps, cloud engineering, and AI integration. Skilled in designing, deploying, and maintaining scalable, secure, and accessible systems for enterprise-grade and public sector projects.

Philosophy

What Drives Me

My approach to software development and problem-solving

πŸ’­

Developer Manifesto

I build systems that scale and solutions that matter. I derive satisfaction from being a developer and solving real problems with technology. Cloud and DevOps fascinate me because they bridge the gap between code and impact, enabling automation and scalable infrastructure. My approach prioritizes performance, SEO, accessibility, and security, guided by industry best practices. I believe in building systems that endureβ€”not demos that break.

Core Principles

🎯

Build Systems That Scale

Design for growth from day one. Systems should handle today's needs and tomorrow's demands.

⚑

Performance First

Every millisecond matters. Fast applications create better user experiences.

πŸ”’

Security is Essential

Build secure systems by default. Security isn't optional, it's fundamental.

β™Ώ

Accessibility Matters

Technology should be usable by everyone. Inclusive design is good design.

πŸ› οΈ

Best Practices Always

Follow industry standards and proven patterns. Quality code is maintainable code.

πŸš€

Ship Real Solutions

Demos are easy, production is hard. Build things that endure, not things that break.

πŸ“š

Currently Expanding My Knowledge

Linux System Administration
Kubernetes
Advanced Laravel
AWS
In Progress
Technologies & Tools

My Tech Arsenal

Click on any technology to explore my capabilities, achievements, and what makes each tool special

20
Technologies
9
Expert Level
82%
Avg Proficiency
Laravel logo

Laravel

3+ years

⭐ Expert

My PHP powerhouse - built systems serving 3,000+ users with elegance

Proficiency90%
React & Next.js logo

React & Next.js

3+ years

⭐ Expert

Where UIs come alive - from simple sites to complex dashboards

Proficiency85%
Vue.js & Nuxt.js logo

Vue.js & Nuxt.js

3+ years

⭐ Expert

The elegant framework - CampusConnect's secret weapon

Proficiency88%
TailwindCSS logo

TailwindCSS

3+ years

❀️ Favorite

Goodbye writing custom CSS for everything. Hello productivity!

Proficiency92%
Node.js logo

Node.js

3+ years

JavaScript everywhere - backend made simple

Click to learn more
80%
Git & GitHub logo

Git & GitHub

4+ years

My best friend since the hard drive crash of 2022. Never again.

Click to learn more
88%
Docker logo

Docker

1+ year

"It works on my machine" jokes became history

Click to learn more
75%
AWS logo

AWS

2+ years

Cloud infrastructure that scales - currently obsessed

Click to learn more
70%
Kubernetes logo

Kubernetes

6 months

Currently running a homelab with 3 Raspberry Pis - the future!

Click to learn more
65%
TypeScript logo

TypeScript

2+ years
JavaScript logo

JavaScript

5+ years
Python logo

Python

3+ years
MySQL logo

MySQL

4+ years
PostgreSQL logo

PostgreSQL

2+ years
PHP logo

PHP

4+ years
HTML/CSS logo

HTML/CSS

6+ years
Cloudflare logo

Cloudflare

2+ years
Linux logo

Linux

2+ years
CI/CD logo

CI/CD

2+ years
C/C++ logo

C/C++

4+ years

πŸ’‘ Always learning and exploring new technologies

Timeline

My Journey

8 years of learning, building, and growing

21

Total Events

πŸ“…

2

Major Milestones

πŸ†

2

Projects Built

πŸš€

11

Skills Learned

πŸ“š

2018

2018
learning

Discovered Web Development at 16

Built my first webpage using HTML - it was a simple "About Me" page with Comic Sans and rainbow colors. It was terrible, but I was hooked. Spent nights reading W3Schools and experimenting with code.

#html#beginning

2019

2019
learning

Mastered Core Web Technologies

Dove deep into CSS for styling, JavaScript for interactivity, and Java for OOP concepts. Built 10+ practice websites including a calculator, to-do list, and portfolio site. Finally understood the "cascade" in CSS after countless debugging sessions.

#html#css#javascript#java

2020

2020-06
achievement
⭐ Major

Graduated Senior High School with High Honors

Graduated with high honors and received Best Web Programmer award, recognizing excellence in web development skills.

#education#achievement#award
2020-08
learning

Unlocked Backend Development

Learned PHP, C, and C++ to understand the server side of web applications. Built my first database-driven application - a simple blog with user authentication. Debugging segmentation faults in C taught me patience and precision.

#php#c#cpp#backend
2020-09
education

Started College Journey at Colegio De Montalban

Enrolled in Bachelor of Science in Information Technology. Set a goal to maintain Latin honors while building real-world projects. Balanced academics with hands-on learning - theory in class, practice at night.

#education#college#bsit
2020-10
work

First Freelance Client - Website Redesign

Landed my first paid client project - redesigning a local business website. Charged too little, worked too much, but learned invaluable lessons about client communication, deadlines, and professional web development. This marked the beginning of 4+ years of freelancing.

#freelance#ui-ux#design#work

2021

2021
learning

Embraced Modern Web Development Stack

Discovered TailwindCSS and fell in love with utility-first CSS - goodbye writing custom CSS for everything! Learned Python for automation scripts and web scraping. Added smooth animations to websites using Framer Motion and GSAP, making UIs feel alive.

#python#tailwindcss#animation
2021-08
project

Launched First Production System - Inventory Manager

Built a full-stack inventory management system for a small retail business. Features included real-time stock tracking, low-stock alerts, and sales reporting. Reduced their inventory management time from 5 hours to 30 minutes daily. First time experiencing the joy of users saying "this changed how we work."

#project#inventory#milestone

2022

2022
learning

Became a Full-Stack Developer

Dove into React and Vue.js - spent weeks wrapping my head around virtual DOM and reactivity. Built a task manager in React that taught me component architecture the hard way. Added Node.js and Spring Boot to handle backend APIs. Finally felt confident calling myself "full-stack."

#react#vue#springboot#nodejs#fullstack
2022-06
learning

Git Became My Best Friend

After losing code to a hard drive crash (painful lesson), I went all-in on Git. Learned branching, merging, rebasing, and the magic of cherry-pick. Made 500+ commits that year. Started contributing to open-source projects and understanding professional development workflows.

#git#github#version-control

2023

2023-01
learning

Leveled Up to Production-Grade Development

Learned Laravel and Next.js for building robust, scalable applications. Discovered the power of CI/CD pipelines - no more manual deployments! Started using AWS and Cloudflare for hosting and CDN. Reduced deployment time from 2 hours of manual work to 5 minutes automated. This was when I realized I loved DevOps.

#laravel#cicd#cloudflare#aws#nextjs#devops
2023-02
project

Started CampusConnect - My Biggest Challenge Yet

Began developing a comprehensive Learning Management System for public high schools in our province. The goal: serve 3,000+ students, teachers, and administrators. This project would push me beyond anything I had built before. Initial meetings with school administrators were eye-opening - they needed everything from attendance to grade management.

#campusconnect#lms#major-project

2024

2024
learning

Mastered Server-Side Rendering with Nuxt.js

Learned Nuxt.js to improve CampusConnect's SEO and initial load performance. Migrated parts of the admin panel to SSR - saw a 60% improvement in Time to First Byte. Google Lighthouse scores jumped from 65 to 95. SEO and performance optimization became my new obsession.

#nuxtjs#vue#ssr
2024
learning

Became a DevOps Enthusiast

Implemented comprehensive DevOps workflows for CampusConnect: automated testing with PHPUnit and Jest, CI/CD with GitHub Actions, monitoring with Sentry and UptimeRobot, and infrastructure as code. Reduced bugs reaching production by 80%. Deployment frequency increased from once a month to multiple times per week.

#devops#automation#monitoring
2024-06
achievement

Led Capstone Project Team of 5 Developers

Became team leader for our college capstone project. Managed 5 developers, conducted code reviews, handled sprint planning, and mediated technical disagreements. Learned that leadership is less about being the best coder and more about enabling others to do their best work. We delivered on time with 95% of features implemented.

#leadership#teamwork#capstone

2025

2025-01
learning

Containerization Simplified Everything

Learned Docker and containerized CampusConnect's microservices. "It works on my machine" jokes became a thing of the past. Created docker-compose setup that lets new developers spin up the entire stack in 2 commands. Deployment time dropped from 45 minutes to 3 minutes. Docker became my favorite tool.

#docker#containerization#devops
2025-06
milestone
⭐ Major

CampusConnect Launched to 3,000+ Users! πŸš€

After 2+ years of development, CampusConnect went live across multiple public high schools. Launch night, I stayed up until 3 AM monitoring servers and logs. First 24 hours: 3,000+ users signed up, zero downtime, and principals calling to thank us. Reduced admin paperwork by 70%, saving teachers 15+ hours per week. This is why I code - to make real impact.

#campusconnect#launch#production#achievement
2025-12
achievement

Maintained Latin Honors for 5+ Years

Kept Latin honors academic standing throughout college while freelancing and building CampusConnect. Late nights were split between studying data structures and debugging production issues. Proved to myself that you can excel both academically and professionally - it just requires discipline, coffee, and good time management.

#academic#achievement#excellence

2026

2026-01
learning

Currently Mastering: Linux, Kubernetes & AWS

Deep-diving into cloud-native technologies. Setting up Kubernetes clusters, earning AWS certifications, and living in the terminal with Linux system administration. Goal: become a cloud architect who can design and deploy scalable infrastructure. Currently running a homelab with 3 Raspberry Pis running K3s.

#linux#kubernetes#aws#current
2026-01
education

4th Year BSIT Student - Final Semester

In the home stretch! Final semester of my Bachelor's degree. Balancing thesis completion, job hunting, and continuous learning. Excited and nervous about transitioning from student developer to professional software engineer. The journey from "Hello World" in 2018 to deploying systems serving thousands has been incredible.

#education#current#4th-year
2026-06
milestone
⭐ Major

Expected Graduation

Anticipated graduation from Colegio De Montalban with BSIT degree. Ready to transition to full-time software development role with focus on Cloud and DevOps.

#graduation#future#career

Currently Active

4th Year BSIT Student | Mastering Kubernetes & AWS