I'm Nathan. Full-stack developer creating accessible, pixel-perfect web & mobile experiences.

Nathan John Orlanes
01

About Me

Hello! My name is Nathan John and I enjoy creating things that live on the internet. My interest in web development started back in 2019 when I decided to try editing custom Tumblr themes — turns out hacking together HTML & CSS is pretty fun!

Fast-forward to today, and I've had the privilege of building software for university projects and hackathons. My main focus these days is building accessible, inclusive products and digital experiences.

Here are a few technologies I've been working with recently:

JavaScript (ES6+)TypeScriptReact 19Next.js 16Node.jsSpring Boot

Education

BS Information Technology

Cebu Institute of Technology - University

2022 - PresentCurrent

BS Computer Engineering

University of San Carlos

2021 - 2022

Senior High School

Saint Louis College Cebu

2019 - 2021

02

Skills & Technologies

Frontend
Frameworks & Libraries
React 19
Next.js 16
Three.js
GSAP
Tailwind
Languages
JavaScript
TypeScript
HTML5
CSS3
Backend
Frameworks
Node.js
Express
Spring Boot
Languages
Java
Python
PHP
C
Database & Storage
PostgreSQL
MongoDB
Firebase
SQL
Mobile
Kotlin
Jetpack Compose
Android
Flutter
Dart
Swift
Tools & Cloud
DevOps & Cloud
AWS
Docker
Vercel
Netlify
Development
Git
GitHub
Postman
Maven
ESLint
VS Code
Leaflet
Next.jsReact 19TypeScriptNode.jsKotlinTailwind CSSGSAPSpring BootPostgreSQLAWSFirebaseAndroidExpress.jsJavaPythonNext.jsReact 19TypeScriptNode.jsKotlinTailwind CSSGSAPSpring BootPostgreSQLAWSFirebaseAndroidExpress.jsJavaPython
03

Projects

AudioScholar
01 / 07
01

AudioScholar

A full-stack AI-powered learning assistant that processes audio lectures and generates summaries, flashcards, and quizzes. Built with a React frontend, Spring Boot backend, Firebase auth, and Google's Gemini API for document and audio intelligence.

ReactSpring BootFirebaseGemini APITailwind
Brisa Solei Resort
02 / 07
02

Brisa Solei Resort

A full-stack resort booking platform with room browsing, reservation management, and secure authentication. Features a Next.js frontend, PostgreSQL database via Drizzle ORM, and a polished UI built with Ant Design and Tailwind.

Next.jsPostgreSQLDrizzle ORMAnt DesignTailwind
Cain & Abel
03 / 07
03

Cain & Abel

A 2D cooperative puzzle platformer built for the ProWeaver Hackathon PromptQuest 2025. Players control two brothers with unique abilities — Cain's earth manipulation and Abel's agility — to solve puzzles across story-driven levels. Built entirely with vanilla JavaScript and the HTML5 Canvas API.

Vanilla JSHTML5 CanvasCSS3Hackathon
WishPay
04 / 07
04

WishPay

A full-stack wishlist payment platform where users can create wishlists and receive contributions from others. Features Google OAuth, JWT-based auth, email notifications via Nodemailer, and a PostgreSQL backend powered by Drizzle ORM.

Next.jsPostgreSQLDrizzle ORMGoogle OAuthTailwind
Game of the Generals
05 / 07
05

Game of the Generals

A 3D web-based adaptation of the classic Filipino strategy board game, featuring real-time multiplayer.

Three.jsReactNext.jsSocket.io
InventorySys
06 / 07
06

InventorySys

A SaaS inventory management platform with analytics, authentication, and a PostgreSQL backend.

Next.jsPostgreSQLDrizzle ORMTailwind
Pasahe
07 / 07
07

Pasahe

A cross-platform Flutter app that estimates public transportation fares across the Philippines. Supports 11+ transport modes including jeepney, bus, train, ferry, and more — with distance-based calculations via OSRM, offline map support, and passenger discounts for students, seniors, and PWDs.

FlutterDartOpenStreetMapOSRMHive
04

What's Next?

Get InTouch.

Although I'm currently looking for new opportunities, my inbox is always open. Whether you have a question or just want to say hi, I'll try my best to get back to you!

Email

n8thanjohn@gmail.com

Phone

0969 534 3645

Location

Guizo, Mandaue City, Philippines 6014

Open to Full-Stack & Mobile Opportunities

Send me a message