I'm a full stack developer who enjoys building reliable products and steadily growing deeper in DevOps engineering.
Hello!
John Carlo
Here.
Hello!
John Carlo
I care about clean architecture, smooth user experiences, and helping turn ideas into dependable products people enjoy using.
Here.
02.
Experience
Software Engineer
Arch Global Services Inc.
- ▸Build and enhance features in company-owned NPM packages used across multiple React applications.
- ▸Integrate frontend applications to backend services with GraphQL.
- ▸Manage user Roles and Permissions with Auth0.
- ▸Run and release existing CI/CD pipelines to different environments.
- ▸Create unit testing suites using Jest.
- ▸Built and maintained the shared NPM package ecosystem, enforcing versioning conventions and ensuring consistent releases across teams.
- ▸Implemented Auth0 role-based access control across multiple applications, covering secure sign-in flows, user roles, and permission scoping over React and GraphQL stacks.
- ▸Maintained Jenkins CI/CD pipelines that release applications to AWS EC2 across multiple environments using Docker and Nginx.
Software Developer
Dynamic Global Soft Inc.
- ▸Built multi-user web and mobile applications with ReactJS and React Native.
- ▸Wrote highly reusable components and custom hooks for ReactJS and React Native.
- ▸Provided APIs for web, mobile, and IoT projects using NodeJS and ExpressJS.
- ▸Deployed frontend and backend applications to Ubuntu cloud servers.
- ▸Added features to a legacy jQuery project.
- ▸Built a multi-user web and mobile product from scratch with real-time features via Socket.IO, shared component libraries, and Redux-Saga for async state management.
OJT — Internet of Things
Dynamic Global Soft Inc.
- ▸Wrote Arduino code for various sensors returning correct and accurate data.
- ▸Designed and built circuits for multiple IoT projects.
- ▸Participated in client meetings to discuss project requirements.
- ▸Engineered Arduino-based sensor systems for reliable field data collection and connected data pipelines to web services via Node.js and Firebase.
03.
Skills
Frontend.
What I use to build modern web interfaces.
React
React Native
Vue 3
TypeScript
JavaScript
HTML
CSS
jQuery
Tailwind CSS
Ant Design
PrimeVue
Redux
Redux-Saga
Apollo GraphQL
Framer Motion
GSAP
Backend.
What I use to power APIs and server-side logic.
Node.js
Express.js
.NET / C#
MySQL
PostgreSQL
GraphQL
Socket.IO
Firebase
Supabase
SendGrid
DevOps.
What I use to deploy and manage applications.
AWS EC2
Docker
Jenkins
Nginx
docker-gen
WireGuard
Cloudflare
Ubuntu
CI/CD Pipelines
Others.
Tools that support my development workflow.
Git
Auth0
Agile
Jest
NPM
Arduino
RTMP/HLS Streaming
Google Maps API
PeerJS
04.
Projects
VPS Infrastructure & CI/CD
Self-hosted a full DevOps stack on a single 1 vCPU / 2 GB Vultr VPS. Nginx handles reverse proxying with configs auto-generated by docker-gen from a template — adding a new app means creating a repo with a Dockerfile and Jenkinsfile, wiring up a Jenkins pipeline with webhooks, adding a Cloudflare CNAME, and it's live. Also runs a WireGuard VPN server on the same box.
DockerNginxJenkinsdocker-genWireGuardCloudflarePostgreSQL
Pet Clinic REST API
Built to go full-stack at Arch Global Services where the backend team used .NET. Came from a Node.js/Express background so this was a deliberate deep-dive into C# and EF Core. Used ChatGPT as a mock client to generate real requirements, then turned those into a report-rich REST API for monitoring clinic activity — appointments, vets, owners, and analytics endpoints.
.NETC#ASP.NET CoreEntity Framework CoreSwagger
Pet Clinic Web App
Frontend companion to the Pet Clinic API, built specifically to learn Vue 3 after years of React. Full CRUD for owners, pets, vets, and appointments with specialty-based scheduling. Includes a data-rich dashboard with charts to monitor clinic activity at a glance.
Vue 3TypeScriptPrimeVueChart.jsTailwind CSSAxios
This Portfolio
Awwwards-inspired portfolio built code-first. Started from an AI-generated HTML base derived from my CV, then took over — designing layouts, wiring GSAP scroll animations, and vibe-coding an animated background lifted from the PS3 XMB wave. The result is the page you're looking at right now.
Next.jsGSAPTailwind CSSTypeScript
Space Tourism Website
A Frontend Mentor challenge taken on to level up CSS layout skills and get hands-on with web animation libraries for the first time. Used GSAP for scroll-driven sequences and Framer Motion for page transitions — this project was the gateway into animations that ended up all over this portfolio.
Next.jsGSAPFramer MotionTailwind CSS
URL Shortener
A self-imposed speed challenge: design, build, and deploy a fully working app as fast as possible. Supports auto-generated slugs or custom ones, rate-limited to prevent abuse, backed by Firestore, and running on the same VPS infra via Docker and Jenkins.
Node.jsExpressFirebaseFirestoreDocker
Say Hi!
[email protected]Questions, ideas, or just want to say hi? I'm all ears. Whether you have a project idea or just want to connect — my inbox is always open.