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 freelance software developer based in San Juan, Batangas. I specialize in building web applications that address real-world local administration and community challenges—ranging from waste logistics to hazard dispatch.

Currently, I am a **Software Developer Intern at Bridge360 Inc.**, where I contribute to building waste management infrastructure, designing optimized components, and engineering secure data pipelines.

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 lead my team to victory as **Champions 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
VercelRenderSupervisord / 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

Intern — Software Developer

Bridge360 Inc.
Feb 2026 — Present
  • Developing a municipal waste management system implementing comprehensive CRUD operations with direct MongoDB integration.
  • Engineering responsive user interfaces and managing stateful, real-time data flows between client dashboards and Express backend services.
  • Conducting system-wide testing, performance auditing, and implementing API payload optimization steps.

Champion — 4th Beacon Civic Hackathon 2026

Beacon College
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 garbage management), presenting to civic leaders and technical judges.

Freelance Software Developer

Self-Employed
Nov 2025 — Present
  • Consulting with local small business owners to design web portals, inventory trackers, and educational landing sites.
  • Deploying and managing lightweight database-backed systems using Supabase and Render for serverless operations.

Academic Foundation

B.S. in Information Systems

Batangas Eastern Colleges
Aug 2023 — Present
  • Focusing on database administration, systems analysis, network protocols, and client-server web programming.
  • Maintaining academic excellence while actively pursuing freelance projects and civic software engineering.

High School Diploma

San Juan Senior High School
Jun 2021 — Jul 2023
  • Graduated with a focus on core science and technology paths, laying down initial programming foundations.
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 // 95 KB // ARCHIVED 2026

Download CV & trigger success