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

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.
  • Wrote shell scripts for environment checks, deployment prep, and log cleanup with dry-run support.

Hands-on DevSecOps learning with documented evidence for each checkpoint.

Docker
GitHub Actions
CodeQL
Trivy
Prometheus
Grafana
Bash

Full-Stack

Smart Flood Relief System

Capstone disaster-tech project connecting flood sensor data, AI relief recommendations, and dashboard views across three iterations.

My contributions

  • Built and iterated three 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.
  • Handled Vercel deployment, environment configuration, and API routing across frontend and backend services.

Capstone full-stack work with backend data integration, AI service connection, and deployment.

Next.js
MongoDB Atlas
Python AI
Supabase
Vercel

Application Security

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.
  • Ran OWASP ZAP scans against the application and documented findings in the repository.

Practicing application security controls through a real full-stack project with documented evidence.

React
JWT
RBAC
OWASP ZAP
Security

Collaborative Contributions

Codebility Collaborative Contributions

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

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

Inspectable contribution trail through merged PRs rather than portfolio-only claims.

React
TypeScript
Tailwind CSS
Framer Motion
Code Review

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

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

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

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

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

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

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

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

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

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

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 contributed inside a shared repository, responded to review feedback, and shipped merged interface work. The cards below link directly to the pull requests so the work can be inspected, not just claimed.

Contribution Trail

Merged collaborative work

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

codev-play

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
Dashboard Experience and Game Navigation Refinement implementation screenshot
Screenshot preview
Merged Contribution
PR #62
Merged Mar 1, 2026

codev-play

Dashboard Experience and Game Navigation Refinement

Improved the dashboard interface with cleaner layout organization, modular navigation, and responsive refinements for the game experience.

Merged PR
8 files changed
1 commit

Contribution highlights

  • Refined dashboard layout and visual organization
  • Improved modular game navigation patterns
  • Worked on responsive interface adjustments
  • Made the experience easier to scan and move through
React
Tailwind CSS
Responsive UI
Dashboard UX
View PR #62

Let's connect

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