John Taruc

Hello, I'm John

I build digital systems_

I build web and mobile applications with Vue, React, Node.js, and the occasional Firebase or MongoDB backend. I also teach coding, which keeps me honest about explaining decisions clearly instead of hiding behind jargon.

Illustrated portrait of John Lerry
Years of
experience
5+
Projects
completed
50+

/ Selected Work

06

Featured Projects

A selection of web applications that solve real problems with clean code and intuitive design.

Explore current project
01Digital Cemetery Management System screenshot

Digital Cemetery Management System

A modern platform that digitizes cemetery records, enabling efficient lot management, grave tracking, online inquiries, and real-time updates.

View case study ↗
02AISAT SSG Online Voting preview

AISAT SSG Online Voting

Lets students vote efficiently while supporting transparency, accuracy, and real-time result monitoring.

03 / About

I build, teach, and keep the code understandable.

I am a Full Stack Developer with over 5 years of experience creating web solutions for clients and learners. I care about interfaces that are easy to use, APIs that are clear enough to revisit, and projects that can be handed over without a long explanation.

My preferred stack includes Vue, Nuxt, React, Node.js, REST APIs, GraphQL, MongoDB, MySQL, Firebase, Capacitor, and Ionic. I also work with PHP and Flutter when a project calls for it.

Currently learning / building

Refining Nuxt starter patterns, improving mobile workflows with Capacitor and Ionic, and turning teaching notes into cleaner examples.

  1. 01

    Discovery

    I start by naming the real user problem, the constraints, and the parts that can stay simple.

  2. 02

    Design

    I sketch the main states, empty states, and copy before settling into implementation.

  3. 03

    Development

    I build in thin slices, keeping components boring where boring helps the next edit.

  4. 04

    Testing

    I test the paths that carry risk: forms, permissions, loading states, and data edges.

  5. 05

    Deployment

    I ship with a short checklist, monitor the first run, and write down what should be easier next time.

Rebuilt from the older portfolio, but quieter: fewer effects, more room for the work to breathe.

04 / Stack

The work splits into clear lanes.

Interface, backend, data, and delivery tools. Kept readable, practical, and easy to hand over.

01

Frontend

  • HTML5
  • CSS3
  • JavaScript
  • TypeScript
  • Vue.js
  • React
  • Tailwind CSS
02

Backend

  • Node.js
  • REST APIs
  • GraphQL
  • PHP
  • Google Firebase
  • Auth flows
03

Database

  • MongoDB
  • Redis
  • MySQL
  • Firebase
  • Schema design
04

Tools

  • Nuxt 3
  • Capacitor
  • Ionic
  • Flutter
  • Git
  • Vercel
  • VS Code

05 / Contact

Have a website, app idea, or coding topic that needs a clearer path?

Tell me what you are trying to build. A rough idea is enough; the first useful step is usually making the shape of the work visible.

Send an email
Based
Manila, Philippines