Systems Architect & Developer

John Nowell Andal

I build responsive, high-performance web applications, municipal logistics tools, and real-time civic disaster response systems. Champion of the 4th Beacon Civic Hackathon, leveraging Next.js, React, Node.js, and Supabase to engineer resilient digital infrastructure.

↓Scroll Down // Index 01
01 // PROFILE & ARCHITECTURE

Engineering High-Integrity Systems for Municipalities & Communities

I am a focused **Information Systems** student at *Batangas Eastern Colleges* and a developer based in San Juan, Batangas. I specialize in building web applications that address real-world local administration and community challenges—ranging from market management to waste logistics.

Currently, I serve as a **Municipal Software Developer** at the *Economic Enterprise and Management Office (San Juan)* leading *Paleng-Click*, and as an **Apprentice Software Developer** at *Bridge360 Inc.* contributing to *Bazoora*.

As a developer, I prioritize reliability, clean workflows (like Git Conventional Commits), and robust schema definitions (using TypeScript and Zod). I believe code should serve a tangible, practical purpose, which led me to earn **Champion in the 4th Beacon Civic Hackathon** with sustainability-focused technology.

INSTITUTION:Batangas Eastern Colleges
DEGREE:B.S. Information Systems (2023 - Present)

Technical Capabilities

Languages
JavaScriptTypeScriptJavaPHP
Frontend Stack
Next.js (App)React 19Tailwind CSSReact QueryZodFramer Motion
Backend Services
Node.jsExpressRESTful APIsMVC Pattern
Databases
PostgreSQLMongoDB (Mongoose)SupabasePostGIS (Geo-data)
Realtime & Workflows
Socket.IOGit (Feature branch)Conventional Commits
Hosting & CI/CD
CloudflareVercelRenderSupervisord / PM2
02 // FLAGSHIP WORK
bazooraapp-1.onrender.com/
Hover to Preview Live Flow
Municipal Waste Logistics Tracking

Bazoora

Problem Context

Municipal waste collectors lacked routing transparency, leading to missed zones and unpredictable collection times for residents.

Engineered Solution

Engineered a real-time waste tracking platform that simulates GPS tracking along specific neighborhood paths, syncing dispatches instantly.

My Direct Contribution

Collaborated with Bridge360 Inc. to build the core truck-tracking feature. Programmed the GPS path simulation on the map and wired real-time sync between client and server.

Next.jsTypeScriptNode.jsExpressMongoDBSocket.IOLeaflet Maps
palengclicksanjuan.pages.dev/
Hover to Preview Live Flow
Municipal Stall Registry & Portal

Palengclick System

Problem Context

Stall leasing and vendor record keeping at the Pamilihang Bayan ng San Juan relied on paper ledger books, causing audit delays.

Engineered Solution

Developed an administrative registry system that tracks complete stall assignments, records vendor details, and logs lease payments.

My Direct Contribution

Solely designed and built the frontend UI flow and integrated Supabase authentication and database storage for municipal record validation.

ReactTypeScriptTailwind CSSSupabasePostgreSQL
poslearnhub.lovable.app/
Hover to Preview Live Flow
Educational Simulator Portal

POS Learn Hub

Problem Context

Retail students and trainees had no accessible way to learn POS software operations without access to physical terminal hardware.

Engineered Solution

Created a browser-based resource hub and learning console that demonstrates Point of Sale logic, transaction workflows, and configurations.

My Direct Contribution

Commissioned to build this educational platform. Handled the modular curriculum interface and structured interactive POS concept modules.

ReactTailwind CSSViteLocal Storage Mock database
multi-hazard-response-system.pages.dev/
Hover to Preview Live Flow
In Progress
Disaster Response Portal

MDRRMO Multi-Hazard System

Problem Context

Emergency dispatch centers face communication bottlenecks during weather disasters, lacking geolocated hazard reports from residents.

Engineered Solution

Currently developing a web-based reporting matrix that lets residents file hazards while dispatchers coordinate and map responder positions.

My Direct Contribution

Architecting the multi-role dashboard (resident, responder, dispatcher) and mapping spatial coordinates using PostgreSQL spatial indexers.

Next.jsTypeScriptSupabasePostgreSQLPostGISLeaflet Maps
03 // TIMELINE & ROLES

Professional & Civic Milestones

Job Order — Municipal Software Developer

Economic Enterprise and Management Office — San Juan
Aug 2026 — Present
  • Sole full-stack developer for Paleng-Click, a municipal market management PWA, responsible for end-to-end development spanning UI/dashboard design, application architecture, backend services, and database design.
  • Developed access and account management, data migration tooling, bug fixes, and production deployment using Next.js, Supabase/PostgreSQL, and Cloudflare.

Apprentice — Software Developer

Bridge360 Inc. — San Juan
Feb 2026 — Present
  • Contributed to the development of Bazoora, a municipal waste management PWA, delivering features for residents, businesses, eco aides, and government agency drivers using Next.js, Node.js, and MongoDB.
  • Implemented OTP authentication and GPS-tracking simulation with real-world edge-case handling; resolved 300+ ESLint/TypeScript issues to unblock CI/CD during a mid-project technology stack migration.

Champion — 4th Beacon Civic Hackathon 2026

Tech for Terra: Solutions for Local Environmental Sustainability
Jan 2026
  • Placed 1st out of competing student and freelance teams in the 'Tech for Terra' category focusing on Local Environmental Sustainability.
  • Designed and prototyped the initial concept of 'Bazoora' (live-tracking municipal waste management), presenting to civic leaders and technical judges.

Software Freelancer

Self-Employed
Nov 2025 — Apr 2026
  • Designed, developed, and deployed full-stack web applications for individual and small-business clients, managing the development lifecycle from requirements analysis through production deployment.
  • Developed responsive front-end applications and RESTful backend services using React, Next.js, Node.js/Express, MongoDB, PostgreSQL, and Supabase, with deployments across Vercel, Render, and Cloudflare.

Academic Foundation

Information Systems (Bachelor's)

Batangas Eastern Colleges
Aug 2023 — Present
  • Focused on systems analysis, database architecture, network protocols, modern web engineering, and client-server development.
  • Maintaining high academic standards while concurrently delivering production municipal systems and software apprenticeships.

High School Diploma

San Juan Senior High School
Jun 2021 — Jul 2023
  • Graduated with foundational studies in core science, mathematics, and introductory computer programming.
04 // INQUIRIES & DOSSIER

Let's build something functional.

Whether you are a technical recruiter, a hiring manager representing municipal systems, or a local startup seeking a full-stack engineer, I am open to discussing internship placements, contract work, and full-time junior development roles.

Curriculum Vitae / Resume

PDF FORMAT // 66 KB // REVISED AUGUST 2026

Download CV & trigger success