Software Engineering

Projects

Backend, infrastructure, and security work — with full-stack foundations underneath.

These projects separate implemented work from current practice and planned design notes, so repository evidence matches the claim being made.

Backend, DevSecOps & Infrastructure

Current focus projects where I am exploring backend engineering, containerization, CI/CD, observability, and application security — with evidence in linked repositories.

DevSecOps

Featured

DevSecOps Learning Lab

Central repository where I document DevSecOps checkpoints — Linux, Git, Docker, CI/CD, security scanning, and observability — with reproducible experiments and validation notes.

My contributions

  • Structured checkpoint documentation for Git, Linux, Docker, CI/CD, security scanning, and observability topics with objectives and validation steps.
  • Built Docker Compose setups for multi-container local development and service connectivity testing.
  • Created GitHub Actions workflows for automated build, test, Docker image publishing, CodeQL analysis, and Trivy image scanning.
  • +1 more
Hands-on DevSecOps learning with documented evidence for each checkpoint.
Docker
GitHub Actions
CodeQL
Trivy
Prometheus
Grafana
+1
Repository

Full-Stack

Featured

Smart Flood Relief System

SmartFlood is my main capstone project, evolving through multiple generations from early flood-monitoring prototypes into an integrated full-stack system and later cloud-engineering experiments.

My contributions

  • Built and iterated four versions of the platform from proposal MVP to final presentation deployment.
  • Integrated MongoDB Atlas for sensor identification and real-time sensor readings.
  • Connected a Python AI service using AHP and Fuzzy Logic for relief allocation recommendations.
  • +1 more
Capstone full-stack work with backend data integration, AI service connection, and deployment. Later extended into personal cloud/AWS experimentation.
Next.js
MongoDB Atlas
Python AI
Supabase
Vercel
Family Repo

Application Security

Featured

SafeTrip Explorer PH

Tourism web app where I practiced backend security fundamentals — authentication, access control, and vulnerability scanning.

My contributions

  • Designed and implemented JWT authentication with secure token handling and expiration.
  • Built role-based access control (RBAC) with route-level permission checks on the backend.
  • Added CSRF protection and bcrypt password hashing following OWASP guidance.
  • +1 more
Practicing application security controls through a real full-stack project with documented evidence.
React
JWT
RBAC
OWASP ZAP
Security
Live DemoRepository

Collaborative Contributions

Codebility Collaborative Contributions

Volunteer contribution work inside a shared repository, with open and merged pull requests shaped by review-based iteration.

My contributions: Dashboard and game UI improvements using React, TypeScript, Tailwind CSS, and Framer Motion.

Inspectable contribution trail through linked pull requests rather than portfolio-only claims.

React
TypeScript
Tailwind CSS
Framer Motion
Code Review
PR 74PR 62

Planned Design Notes

README-first repositories for future backend and infrastructure experiments. These are listed as planning artifacts until they have runnable code, tests, screenshots, or deployment evidence.

Planned Architecture

Sentinel-Core

README-first design notes for a planned event-driven backend experiment. This is architecture planning, not a completed implementation.

My contributions

  • Drafted the planned architecture, background job concepts, and retry questions in the repository README.
  • Outlined the observability and deployment topics that need implementation evidence later.
  • Separated design intent from completed code so the repository is not presented as production-ready work.
Planned backend systems experiment. Current evidence is design documentation only.
Architecture Notes
Event-Driven Design
Observability Planning
DevOps Planning
Repository

Planned Architecture

DevOps War Room

README-first design notes for a planned real-time systems experiment around WebSockets, infrastructure testing, and observability.

My contributions

  • Drafted the intended WebSocket, testing, and observability scope in the repository README.
  • Identified the evidence needed before calling the project implemented: server code, test scripts, logs, and screenshots.
  • Kept the project framed as planned learning so it does not overstate current implementation.
Planned real-time systems lab. Current evidence is design documentation only.
Architecture Notes
WebSocket Planning
Infrastructure Testing Plan
Observability Planning
Repository

Earlier Experiments

Full-stack and frontend builds from earlier in my learning path. These shaped my engineering habits before I shifted focus toward backend and infrastructure work.

Hardware & Backend

Biometric & QR Code + RFID Student Check-In System

Physical-digital attendance system combining hardware sensors and database workflows.

My contributions

  • Built the C# backend with SQL Server for attendance record storage and retrieval.
  • Integrated Arduino-based fingerprint, QR, and RFID hardware with the database workflow.
  • Designed the check-in flow from hardware scan to database write with error handling.
Hardware integration, database workflows, and backend logic for physical-digital systems.
C#
SQL Server
Arduino
Biometrics
RFID
Repository

Full-Stack

Online Restaurant Ordering System

Classic full-stack CRUD and transaction workflow built with PHP and MySQL.

My contributions

  • Built the PHP backend with MySQL for order processing, reward points, and review management.
  • Designed database schemas for customers, orders, products, and loyalty point tracking.
  • Implemented admin-style logic for order management and transaction reporting.
Database-backed workflows, customer actions, and admin-style backend logic.
PHP
MySQL
Bootstrap
E-commerce
RepositoryYouTube Video

Frontend

Movie Ranking Web App

React and Appwrite app that fetches movies from a live API, tracks interaction data, and ranks titles.

My contributions

  • Integrated a third-party movie API for live data fetching and display.
  • Set up Appwrite for user interaction tracking and backend data persistence.
  • Built responsive UI state management for search, ranking, and favorites.
API integration, backend-as-a-service patterns, and responsive UI state.
React
Appwrite
API Integration
Live DemoRepository

AI Integration

MyAiChatBot

AI chatbot experiment built with Next.js and multiple AI SDKs.

My contributions

  • Built the Next.js chat interface with streaming response handling.
  • Integrated OpenAI and Google AI SDKs and compared their output behavior.
  • Managed conversational state and prompt context across multi-turn interactions.
AI API integration and conversational state management.
Next.js
OpenAI
Google AI
React AI SDK
Repository

Web3

MyBlockChainApp

Decentralized transaction demo using React, TypeScript, Thirdweb, and Ethers.js.

My contributions

  • Implemented wallet connection flows using Thirdweb SDK.
  • Built basic blockchain transaction submission with Ethers.js.
  • Documented the Web3 integration patterns learned during the experiment.
Exploring unfamiliar infrastructure by building small working proofs.
React
TypeScript
Thirdweb
Ethers.js
Blockchain
Live DemoRepository

Frontend

React E-commerce

Frontend commerce build focused on product browsing, routing, and responsive layouts.

My contributions

  • Built product browsing and routing with React Router.
  • Created reusable component patterns with Tailwind and DaisyUI.
  • Implemented responsive layouts for product listing and detail views.
Product interface structure and reusable components.
React
Tailwind
DaisyUI
React Router
Repository

Game/Realtime

Interactive Game: Matching Bird Dance

Realtime game experiment with timed matching, score tracking, and Firebase.

My contributions

  • Built the Java Android game with timed matching and score tracking.
  • Integrated Firebase Realtime Database for cross-device score synchronization.
  • Handled real-time state updates and conflict resolution for concurrent players.
Realtime UX and game-state persistence.
Java
Firebase
Realtime Database
Game Dev
Repository

Data Structures

Data Structures – Queue Simulation

A second-year Java project that implements a queue from scratch using arrays and models a console-based ordering system to reinforce FIFO behavior.

My contributions

  • Implemented a queue data structure from scratch using arrays.
  • Built a console-based ordering system that enforces FIFO behavior.
  • Connected queue theory to a practical customer/job waiting workflow.
A foundational data structures exercise connecting theory to practical software workflows.
Java
OOP
Arrays
Data Structures
Repository

Technical Stack

Tools and languages I use, with growing depth in backend and infrastructure.

Backend, Databases & Infrastructure

REST APIs, database schemas, authentication, containerization, and CI/CD pipelines — the areas I am actively deepening through projects and learning lab checkpoints.

Node.js
Express
NestJS
PHP
Firebase
REST APIs
MySQL
MSSQL
PostgreSQL
MongoDB
SQL Server
Docker
GitHub Actions

Frontend & UI

Full-stack foundations in responsive interfaces and client-side state — skills I apply when building project frontends but am no longer my primary focus.

JavaScript
TypeScript
React
Next.js
Tailwind CSS
DaisyUI
Framer Motion
React Router

Collaborative Contributions

Documented engineering contributions from collaborative repositories, shaped as implementation work rather than social coding activity.

Codebility

Volunteer Developer

Collaborative project work

I contribute inside a shared repository, respond to review feedback, and ship interface work. The activity below links directly to the pull requests so the work can be inspected, not just claimed.

Visit Codebility website

Authored activity

My Pull Requests

Pull requests I've submitted to collaborative projects, including their current status and links to review the implementation.

Open
PR #639

Codebility Portal · CodebilityDev/codebility-plus

Allow Mentors to Access Project Member Controls in My Team

Updated the My Team member-management UI to allow Mentors to access the Add Member control on the team dashboard and the Members control on project-detail pages. The implementation is limited to two frontend components; backend authorization, database policies, and existing Kanban behavior remain unchanged.

TypeScript
React
Visit Codebility Portal website
View PR #639

Contribution Trail

Merged Collaborative Work

Project

Codebility Portal

A collaborative workspace for managing projects, teams, member access, and Kanban workflows.

1 contribution
Improve Kanban Add Members Search implementation screenshot
Screenshot preview
Merged Contribution
PR #638
Merged Oct 27, 2026
Improve Kanban Add Members Search

Improved the Kanban Add Members search experience with debounced Supabase queries, stale-response protection, and clearer visibility of existing project members.

Merged PR
3 files changed
4 commits

Contribution highlights

  • Debounced Supabase queries for member search
  • Protected results from stale responses
  • Made existing project members clearer in the add-members flow
TypeScript
React
Supabase
View PR #638

Project

CoDev Play

A browser-based game platform bringing multiple games together through a shared dashboard and responsive gameplay.

2 contributions
Premium Chessboard UI and Interaction Overhaul implementation screenshot
Screenshot preview
Merged Contribution
PR #74
Merged Mar 24, 2026
Premium Chessboard UI and Interaction Overhaul

Implemented a premium responsive chess experience with a stronger board layout, draggable pieces, responsive visuals, and clearer gameplay state feedback.

Merged PR
21 files changed
2 commits

Contribution highlights

  • Built responsive chessboard UI with a centralized game layout
  • Added drag-and-drop piece interactions with Framer Motion
  • Replaced text pieces with responsive SVG-based chess pieces
  • Improved gameplay state, material tracking, and status feedback
React
TypeScript
Tailwind CSS
Framer Motion
chess.js
SVG
View PR #74

Contribution 1 of 2

Let's connect

Open to teams and technical roles where I can contribute, learn from feedback, and keep growing.

Email MeGitHub