BISU-Clarin Activity Center
A portrait of bluery0206
MARK RYAN
HILARIO

Aspiring Web Developer & Creative Soul
OPeraTE: Optimized Personnel and Inmate Tracking Efficiency
A centralized, web-based system developed to enhance data management and security. The system streamlines personnel and inmate profiling, reduces inefficiencies caused by manual processes, and ensures secure and fast data retrieval.
Python
Django
HTML
CSS
SQLite
JavaScript
onnxruntime
opencv-python
Siamese Neural Network
YuNet
numpy
FontAwesome
operate-01.webp
operate-02.webp
operate-03.webp
operate-04.webp
operate-05.webp
operate-06.webp
Sporefall
A Mobile 2D Action Platformer with Survival Horror and Shooter elements set in a post-apocalyptic world overrun by mutated fungi and zombie-like creatures called spores.
Godot
GDScript
sporefall-01.webp
sporefall-02.webp
sporefall-03.webp
sporefall-04.webp
sporefall-05.webp
sporefall-06.webp
Kidney Stone Prediction
Predicts kidney stone likelihood based on urine analysis.
PHP
Python
Scikit-Learn
Linear Regression
Chart.js
HTML
CSS
JavaScript
MySQL
kidney-stone-prediction-01.webp
kidney-stone-prediction-02.webp
kidney-stone-prediction-03.webp
Fwipper
A "replicate" of Twitter/X for hands-on understanding of Model-Controller-View (MCV) Model
PHP
HTML
CSS
MySQL
fwipper-01.webp
fwipper-02.webp
fwipper-03.webp
fwipper-04.webp
fwipper-05.webp
fwipper-06.webp
fwipper-07.webp
inBenta
A webapp that allows users to create their own account/store and list all their products for customers to see without the need to physically survey every store for a specific item!
PHP
HTML
CSS
MySQL
inbenta-01.webp
inbenta-02.webp
inbenta-03.webp
inbenta-04.webp
inbenta-05.webp
Student Scoring System
To help instructors manage student scores. This system allows educators to create courses, add students into sections, creates tests, and record student scores.
Python
Django
SQLite
HTML
Halfmoon CSS
Bootstrap JS
Chart.js
CSS
JavaScript
student-scoring-system-01.webp
student-scoring-system-02.webp
student-scoring-system-03.webp
Resho
A hotel reservation system for property management. Handles room bookings, payment processing, and occupancy tracking with date conflict prevention and role-based access control
Python
Django
SQLite
HTML
Halfmoon CSS
Bootstrap JS
CSS
pillow
django-widget-tweaks
django-resized
JavaScript
resho-01.webp
resho-02.webp
resho-03.webp
resho-04.webp
resho-05.webp
resho-06.webp
QuickNotes
A Laravel-based web application for managing personal notes with user authentication and a clean and simple interface for a hands-on understanding of vanilla Laravel.
PHP 8.3.6
Laravel 12.18.0
MySQL
HTML
CSS
quicknotes-01.webp
quicknotes-02.webp
quicknotes-03.webp
quicknotes-04.webp
quicknotes-05.webp
Musicah
A PHP-based web application for music management with user authentication and CRUD operations originally developed as a commission for a school project and I decided to revived it for practicing PHP concepts before learning Laravel.
PHP
MySQL
HTML
CSS
musicah-01.webp
musicah-02.webp
musicah-03.webp
musicah-04.webp
Perceptron
A Python implementation of one of the basic concepts in machine learning from perceptron to its advanced extension, the multilayer perceptron (MLP) for binary and multi-class classification tasks like vowel detection and family wealth prediction.
Python
numpy
perceptron-01.webp
perceptron-02.webp
perceptron-03.webp
Skills
CSS

Used to design and style HTML layouts

Also helps in debugging visual and structural issues

Django

A high-level Python framework for building web apps

The framework I'm most experienced with

Used as the core backend in our thesis system

Github

Cloud platform for hosting and managing Git repositories

Comfortable with version control and collaboration features

Used for deploying static sites, project releases, and issue tracking

Godot/GDScript

Open-source engine used to build my 2D horror platformer

Familiar with GDScript and Godot's node-based architecture

Halfmoon CSS

Minimal CSS framework with built-in dark/light mode

Chosen over Bootstrap for its flexibility and simplicity

HTML

Provides the structure and semantic foundation of websites

Very comfortable with HTML elements and document structure

The first language I ever learned

Java

Basic understanding of core syntax and object-oriented programming

Enough knowledge to read and understand OOP concepts

JavaScript

Used mainly for basic interactivity (tabs, toggles, small behaviors)

Laravel

PHP framework for building modern web apps

Currently exploring it through personal projects like QuickNotes

Confident I can go further with it

MySQL

Used alongside PHP to perform basic CRUD operations

Familiar with table relationships and SQL queries

PHP

The first full programming language I used seriously

Built several school and personal projects with it

Deployed sites through platforms like 000webhost

Python

My most comfortable language

Used in both web and machine learning projects

Backed several of my personal and academic systems

A portrait of the author
Mark Ryan
Hilario
Web Developer
About Me
My Journey

I didn’t start out loving programming. In fact, I faked my way through the early years of college and didn’t understand much at all. But eventually, I realized I had no choice but to learn it for real. I started messing with small projects out of curiosity, just to see if I could make things work. Over time, that curiosity turned into passion. I went from barely understanding HTML to building full systems and taking on commissions. It wasn’t quick and it wasn’t clean, but each small win pushed me further.

Who I am

I’m a recent graduate in Computer Science. I enjoy building things from scratch. I’m currently focused on backend development, but I also care a lot about structure and clean design using just HTML and CSS or plan it out in Figma. I take my time with things and try to do them the right way, even if it’s slower. I like learning on my own and take my time with things so I can understand them fully.

How I Approach Problems

When I face a problem, I try to understand what’s really causing it before jumping to solutions. I break it into small parts and figure out what I already know and what I still need to learn. I read the docs if I have to. I test small chunks of code until I get closer to the answer. If I get stuck, I ask questions or look things up, but I don’t just copy and paste. I want to know why something works. That way, I can use it again later without guessing.

Get in touch
Send a message to

or reach out directly at