Software Engineering

Full-Stack Development

Practical applications from backend to interface.

I build applications focused on real-time data, complex workflows, and clear user experiences. This track highlights my software engineering projects and collaborative open-source contributions.

Featured Engineering Projects

Larger builds where I practiced full-stack workflows, deployment, data handling, hardware integration, and security-aware development.

Full-Stack

Smart Flood Relief System

Disaster-tech learning project that connects flood monitoring ideas, relief coordination, and dashboard views.

Built: A web application that visualizes flood data, predicts relief needs, and provides actionable insights for decision-makers.

Realtime data, civic problems, and practical full-stack experimentation.

Next.js

IoT

AI Assist

Realtime Dashboard

Live Demo Demo Repository

Full-Stack Security

SafeTrip Explorer PH

Tourism web app where I practiced building beyond the interface with strong security fundamentals.

Built: A tourism platform with JWT authentication, role-based access control (RBAC), CSRF protection, and secure password hashing.

Understanding how security practices fit into everyday web application work.

React

JWT

RBAC

OWASP ZAP

Security

Live Demo Repository

Hardware & Backend

Biometric & QR Code + RFID Student Check-In System

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

Built: A check-in system using C#, SQL Server, Arduino, fingerprint attendance, QR scanning, and RFID for faster logging.

Hardware integration, database workflows, and faster check-in logging.

SQL Server

Arduino

Biometrics

RFID

Full-Stack

Online Restaurant Ordering System

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

Built: An ordering platform including reward points, reviews, and 100+ mock transactions to model business operations.

Database-backed workflows, customer actions, and admin-style logic.

PHP

MySQL

Bootstrap

E-commerce

Collaborative Contributions

Codebility Collaborative Contributions

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

Built: 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

PR 74 PR 62

Smaller Experiments

Smaller builds that helped me explore APIs, AI tools, blockchain flows, commerce UI, and realtime state.

Frontend

Movie Ranking Web App

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

Built: A movie discovery app that leverages an external API and Backend-as-a-Service (Appwrite) for user interactions.

API integration, backend-as-a-service patterns, and responsive UI state.

React

Appwrite

API Integration

Live Demo Repository

AI Integration

MyAiChatBot

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

Built: A chatbot interface exploring OpenAI and Google AI SDKs, focusing on steering model output.

AI APIs, chat UI, and human-guided model interaction.

Next.js

OpenAI

Google AI

React AI SDK

Repository

Web3

MyBlockChainApp

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

Built: A focused experiment in wallet connection flows and basic blockchain transaction submissions.

Exploring unfamiliar infrastructure by building small working proofs.

React

TypeScript

Thirdweb

Ethers.js

Blockchain

Live Demo Repository

Frontend

React E-commerce

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

Built: A UI leveraging Tailwind, DaisyUI, React Router, and React Slick for reusable patterns.

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.

Built: A small real-time matching game using Firebase Realtime Database for state persistence.

Realtime UX and game-state persistence.

Java

Firebase

Realtime Database

Game Dev

Technical Stack Focus

Primary tools and languages I use for software development.

Frontend & UI

Building responsive interfaces, managing complex client-side state, and crafting smooth user experiences.

JavaScript

TypeScript

React

Next.js

Tailwind CSS

DaisyUI

Framer Motion

React Router

Backend & Databases

Designing REST APIs, managing database schemas, handling authentication, and orchestrating server-side logic.

Node.js

Express

NestJS

PHP

Firebase

REST APIs

MySQL

MSSQL

PostgreSQL

MongoDB

SQL Server

Appwrite

Collaborative Contributions

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

Codebility

Volunteer Full-Stack 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, scalable visuals, and clearer gameplay state feedback.

Merged PR

21 files changed

2 commits

Contribution highlights