JCL✦John ClarenceLayog / Portfolio
PROGRAMMING & SOFTWARE DEVELOPMENT

JohnClarenceLayog.

I turn ideas into working websites and applications.
Code that solves a problem. Experiences that feel different.

Explore my projects Let’s talk
THE PERSON BEHIND THE CODE
John Clarence Layog seated with a book, wearing a green sweater and sunglasses against a warm orange backdrop.
Stay curious.
Make something good.
IDEAS → CODE → APPLICATIONS
CREATIVITY, WITH INTENTION.
SCROLL TO DISCOVER PROGRAMMING × WEB DEVELOPMENT × SOFTWARE

01 / DEVELOPMENT PROJECTS

From an idea
to working software.

My working project and hands-on app demos.
Explore what I’m building.

01 / FEATURED WORKING PROJECTWORKING & IN DEVELOPMENT

Centrix Labs.

A home for software.
A place to release what you build.

Centrix Labs is my working software publishing project. The platform is already usable for uploading and releasing free apps—applications available at no cost.

Payment integration and additional features are still in development as I continue improving the platform.

Visit Centrix Labs
PROJECT STATUS
Built. Usable.Still getting better.
Free app uploads
Available now
Free app releases
Available now
Payment integration
In progress
Additional features
In progress

Free apps can already be uploaded and released while development continues.

More development projects

Three interactive demos. Try them below.
THINK. CODE.
BUILD.JOHN CLARENCE LAYOG

02 / ABOUT THE DEVELOPER

Behind the code,
a drive to build.

I’m John Clarence Layog, focused on programming and software development. I build websites, web applications, and useful software tools, with attention to both functionality and the experience of using them.

My current working project is Centrix Labs, a platform for uploading and releasing free apps. I’m continuing its development, including payment integration and additional features.

01Plan the flow.

Understand the problem before coding.

02Build to work.

Turn the idea into usable software.

03Keep improving.

Test, refine, and develop further.

03 / TECH STACK

The tools behind
the possibilities.

From interfaces to apps.
A growing toolkit and a clear learning roadmap.

01 / WEB

Web foundations

Responsive layouts, useful interactions, and experiences that work across screens.

  • HTML5
  • CSS3
  • JavaScript
POWERING THIS PORTFOLIO
02 / APPLICATIONS

Web applications

A roadmap through component-driven interfaces, server logic, and connected products.

  • React
  • Next.js
  • TypeScript
  • Node.js
  • Express
  • REST APIs
LEARNING ROADMAP
03 / SOFTWARE & DATA

Logic meets data

Languages and databases to explore for software tools and structured application data.

  • Python
  • C# / .NET
  • SQL
  • PostgreSQL
  • SQLite
LEARNING ROADMAP
04 / MOBILE

Ideas, on the go

Cross-platform and native technologies on the roadmap for future mobile app projects.

  • Flutter
  • Dart
  • React Native
  • Kotlin
  • Swift
LEARNING ROADMAP
DEVELOPMENT WORKFLOW

Version it. Refine it. Release it.

  • Git
  • GitHub
  • Cloudflare Pages

04 / CREATIVE CODING

Code can move.
And surprise you.

A JavaScript and Canvas experiment in motion.
Move your pointer—or touch—to leave your mark.

EXPERIMENT / 001ORBITAL FORMMOVE TO INTERACT ↗

05 / CONTACT

Have a project
in mind?

Let’s talk about your website, application, or next software idea. Reach me directly by email or WhatsApp.

EMAILClarencedionisio23@gmail.comOpen your email app WHATSAPP09502394858Start a WhatsApp conversation
PERSONAL PROJECT / LIVE DEMO

Orbit