Computer Science undergraduate

Mark Daniel
L. Liwanag.

Making things for the web.
Building worlds for play.
Exploring what’s underneath.

Explore my work

OPEN ASSEMBLYForm follows curiosity ↗

Games. Web. The systems underneath.Meet the developer

Learning the fundamentals.
Making them do something.

A little context

Connecting an interest in games with hands-on web development.

Explore the assembly

Different layers.
Same curiosity.

Original interactive form / MDL

Roblox Studio

Worlds worth playing.

Casual Roblox game development, working with Roblox Studio groups and taking on game commissions.

Explore GitHub Play in the Lab

Open the layers

Selected work / 05 projects

Pick a project.
Open its world.

Five different problems.
One piece of the machine for each.

01Web app / HackathonAyaAI-assisted dining and outing plans for groups.Existing projectExplore 02Offline-first mobile appLakadPapelOffline roadmaps for government document prerequisites.Existing projectExplore 03Business websiteSantiago’s ResortA website for a private container estate in Cavite.LiveExplore 04Shared expense & subscription ledgerSubSqueezeShared expenses, recurring subscriptions and settlements.LiveExplore 05PC hardware tuning & undervolt trackerPCLityPC tuning and undervolt records, kept in context.In DevelopmentExplore

Aya — project details

Selected work / group decisions

Aya.

Aya is a mobile-first planner for finding places to eat and things to do. Swipe-based discovery, nearby places, itineraries and a private group mode help people decide together. I handled the main backend development and co-led the hackathon group.

RoleMain Backend Developer / Co-Lead Dev

Status / contextExisting project · Hackathon group project

Stack

Next.js / TypeScript / Supabase

Visit Aya Aya repository

Aya landing screen with dining, friends and outing choices — Nearby discovery. Itineraries. Group decisions.

Try the idea / local sample

Three people.
A shared direction.

Guest AGuest BGuest C

Individual → togetherA decision worth sharing.

In Aya, participants choose privately within the group, with AI-assisted decisions.

Portfolio interaction study. Sample choices, local tally; no live session or AI request.

LakadPapel — project details

Selected work / systems that guide

LakadPapel

LakadPapel turns government document prerequisites into an ordered roadmap. A dependency graph connects the documents a person already holds to their target, with nearby offices and on-device storage. I am the main developer of this offline-first React Native app.

RoleMain Developer

Status / contextExisting project · Document prerequisites, made navigable

Stack

React Native / Expo / TypeScript

LakadPapel repository

Illustrative dependency model

Start with what
you already have.

01
First requirementResolve before the next step
02
Dependent requirementResolve before the next step
03
Target documentReady after prerequisites

3 ordered steps in this example.

Concept illustration, not official document guidance.

LakadPapel actual app screen: Documents already held — 01Documents already held

LakadPapel actual app screen: Choose a target document — 02Choose a target document

LakadPapel actual app screen: Follow an ordered roadmap — 03Follow an ordered roadmap

On-device / offline114 branches · 13 agencies Project dataset, supplied metadataDirected acyclic graph → ordered steps

Santiago’s Resort — project details

Selected work / a business on the web

Santiago’s Resort

A commissioned website for Santiago’s Resort, a private container estate in Alfonso, Cavite, accommodating large groups. It presents the property, accommodation and stay information in one place. I was the main developer, working on the site for a relative’s business.

RoleMain Developer

Status / contextLive · Commissioned for a relative’s business

Stack

Next.js / React / Tailwind CSS

Visit Santiago’s Resort Santiago’s Resort repository

Actual Santiago’s Resort homepage showing the private container estate and pool

Alfonso, Cavite

A commissioned web presence for a private container estate.

SubSqueeze — project details

Selected work / everyday products

SubSqueeze

SubSqueeze is a shared expense and subscription ledger for roommates, households and student groups. It keeps recurring costs, who owes whom and settlements together, making shared spending easier to follow. I am the main developer.

RoleMain Developer

Status / contextLive · Built for households and student groups

Stack

Next.js / TypeScript / Supabase

Visit SubSqueeze SubSqueeze repository

SubSqueeze public product introduction describing shared expenses and subscriptions

Sample ledger / local interaction

Everything
back in balance.

Guest A → Guest B₱300

Guest C → Guest B₱150

Two example balances. One clear next step.

Illustrative data. No payment or account connection.

PCLity — project details

In development / concept UI

PCLity

PCLity is an in-development tracker for PC configurations, BIOS changes, clocks, voltages, benchmarks, temperatures and stability. Planned maintenance, upgrade history and source-backed notes keep tuning decisions in context. I am the main developer; the interface here is a concept visualization.

RoleMain Developer

Status / contextIn Development · Concept UI / Planned Interface

Stack

React / Vite / Dexie

PCLity repository

Planned interface / sample records

One system.
Different decisions.

Hardware profiles, tuning changes and benchmark history, kept in context.

Configuration comparisonDEMO DATA

Temperature78°C

Relative score100

Power index100

Reference record

Portfolio-generated concept, not a shipped application screen. Values are illustrative, not measured benchmarks or hardware advice.

A practical index / always growing

The toolkit.

Different tools for different problems.
Here’s what I work with.

01 / Core technologies

Markup, styling, programming
and queries.

HTML CSS JavaScript PHP Java SQL

02 / Used in projects

Frameworks, libraries
and platforms.

React Next.js React Native Expo Supabase

In practice: Aya ↗LakadPapel ↗SubSqueeze ↗

03 / Tools & workflow

Versioning, building,
planning and design.

Git Vite Notion Figma

The Lab / a detour worth taking

Follow the
curiosity.

Five small worlds, built to be played.
A precision arcade, kinetic matter, impossible places and puzzles made of light.

Enter the Lab

The person behind the layers

A builder.
Still becoming.

I’m Mark. I enjoy exploring how things work, from game worlds to the systems that support them.

Play is part of the process.

I develop Roblox games casually, work with Studio groups, and take on commissions for games on the platform.

Game development

Both sides of the browser.

I dabble in frontend and backend development, including websites for businesses.

Web development

Next direction:
Cybersecurity.

A future career interest. There’s plenty more to learn, and that’s part of the appeal.

Connection pointMark Daniel L. Liwanag

Have something in mind?

Let’s make
something work.

GitHub@afkDen LinkedInMark Daniel Liwanag

Click Discord to copy the username.

Mark DanielL. Liwanag.

Different layers.Same curiosity.

Worlds worth playing.

From Roblox Studio to the browserPlayable experiments in the Lab

Pick a project.Open its world.

The toolkit.

Follow thecuriosity.

A builder.Still becoming.

Play is part of the process.

Both sides of the browser.

Let’s makesomething work.

Mark Daniel
L. Liwanag.

Different layers.
Same curiosity.

Pick a project.
Open its world.

Follow the
curiosity.

A builder.
Still becoming.

Let’s make
something work.