Available for Work

Mabuhay! I'm CJ ⚖️♎

Building Intelligent Systems & Seamless Digital Experiences.

A multi-disciplinary System Analyst & Developer specializing in AI-driven automation and robust QA engineering. I turn complex requirements into scalable solutions.

Ambitious Curious Adventurous Balanced determined values harmony and fairness loves freedom always seeking growth

Start a Project View My Systems

Quality Analyst ✓

AI Automation Workflow 🤖

System Analyst 🧑‍💼

Web Developer 💻

Featured Projects

Swipe or use arrows to navigate

Online Shopping System

Web Design

Built a full e-commerce system with vendor onboarding, product catalog, cart management, and checkout workflow.

HTML
CSS
JavaScript
React
TypeScript
Vite

GitHub Live Demo

Trading Platform Mockup

Frontend Project

Developed a responsive cryptocurrency trading platform interface featuring authentication screens, portfolio tracking, trading workflows, and interactive navigation.

HTML5
CSS3
JavaScript
Responsive Design
UI/UX

GitHub → Live Demo →

Mini Bank System

Frontend Project

Developed a banking application prototype featuring account management, fund transfers, transaction history, and responsive user interfaces.

Vue 3
TypeScript
Vite
CSS

GitHub → Live Demo →

Animal Care System

Management System

Built a platform for managing animal profiles, health records, adoption workflows, and caretaker activities.

HTML5
CSS3
JavaScript
Responsive Design

GitHub → Live Demo →

Ease Ticketing System

Web Application

Developed an event ticketing platform supporting reservations, ticket sales, payment workflows, and customer support processes.

Vue.js
Vite
JavaScript
CSS3

GitHub → Live Demo →

Nursing Case Management

Healthcare System

Developed a healthcare management platform for tracking patient cases, nursing diagnoses, treatment progress, and staff assignments.

HTML5
CSS3
JavaScript

GitHub → Live Demo →

Attendance Tracker

Business Application

Built an attendance management system featuring time logging, leave tracking, and automated reporting for workforce and student monitoring.

React
TypeScript
Vite
CSS3

GitHub → Live Demo →

Lesson Plan Manager

Education System

Created a lesson planning application that enables educators to organize, save, print, and export lesson plans efficiently.

HTML5
CSS3
JavaScript

GitHub → Live Demo →

Hospital Appointment System

Healthcare Application

Developed a scheduling platform that allows patients to book appointments, view doctor availability, and manage visits online.

HTML5
CSS3
JavaScript

GitHub → Live Demo →

Offline AI Chatbot (LLM-Powered)

AI Application

Built a fully offline AI assistant capable of document analysis, question answering, and code generation using local large language models.

Python
LangChain
Ollama
FAISS
Streamlit

GitHub → Offline Only →

Mineral Water Delivery System

Business Application

Developed a delivery management platform for processing customer orders, tracking deliveries, and managing local water distribution operations.

Vue.js
Vite
JavaScript
CSS3

GitHub → Live Demo →

Auto Balance Sheet System

Finance Application

Created a financial management tool that automatically calculates and balances assets, liabilities, and equity while supporting spreadsheet exports.

HTML5
CSS3
JavaScript
Excel Export

GitHub → Live Demo →

AI Website Tester

AI Application

Built an AI-powered website analysis tool that reviews HTML, CSS, and JavaScript code for accessibility, SEO, UX, and security best practices.

React
TypeScript
Vite
LLaMA 3
Ollama

GitHub → Offline Only →

Bug Tracker

QA Engineering Tool

Built a defect management platform for logging, tracking, prioritizing, and exporting software issues throughout the software testing lifecycle.

React
TypeScript
Vite
jsPDF
CSS3

GitHub → Live Demo →

Test Case Manager

QA Engineering Tool

Developed a test documentation and management platform that allows QA teams to create, organize, maintain, and export structured test cases.

React
TypeScript
Vite
CSS3
CSV Export

GitHub → Live Demo →

Basic Health Calculator Suite

Healthcare Utility

Developed a web-based health calculator that computes BMI, BMR, and daily calorie requirements through an intuitive and responsive user interface.

HTML5
CSS3
JavaScript
Responsive Design

GitHub → Live Demo →

Social Media Platform Mockup

Web Application

Built a social networking platform featuring user profiles, post sharing, reactions, comments, and a dynamic content feed.

HTML5
CSS3
JavaScript
UI/UX

GitHub → Live Demo →

Airplane Adventure Game

Game Development

Developed a browser-based arcade game where players pilot an aircraft, avoid obstacles, and collect points to achieve high scores.

HTML5
CSS3
JavaScript
Game Logic

GitHub → Live Demo →

Mobile App Projects

Flutter, Android & Cross-platform Mobile Development

Bank Application

Mobile App Development

A Flutter-based mobile banking application with features for account management, fund transfers, and transaction history.

Flutter
Dart
UI
Android Studio
SDK
Android Debugger Bridge
Visual Studio

Live Demo →

QA & Testing Projects

Automation, Bug Tracking, Test Management & QA Tools

Test Writing and Bug Finding

Test Case Writing and Defect/Bug Finding Sample

Spreadsheet

Live demo 1→ Live demo 2→ Live demo 3→

Robot Framework Automation Portfolio

Web, API, Desktop, and Mobile Automation Test Samples

Robot Framework
Selenium
Appium
API Testing

View repository →

Playwright Mini-Bank Web Automation

Web automation testing using Playwright for login, transactions, and CRUD scenarios

Playwright
Typescipt
Web Testing
Automation

View repository →

Documentation and Reporting

Different Environment Staging, Different Testing Types, Test Case Writing, Test Planning, Bug reporting, Release Note, Test Summary report

Spreadsheet

Documentation and Reporting→ Staging Environment 2→ Testing Types 3→

Balance Sheet Automation Test case Sample

Sample Automation Testing for Accounting System

Playwright
TypeScript

View repository →

Nursing Case Automation Test

Test Case Writing and Defect/Bug Finding Sample

Spreadsheet

View repository →

under NDA

Spreadsheet

under NDA

Sample Automation Testing for Nursing Case System

Spreadsheet

AI Automation Workflow Projects

Automation, Workflow, AI Integration & Tools

Send Motivational Message Every Morning

Every morning, automatically fetch a motivational quote and send it to a Discord channel or text output.

Make.com
Discord
Public API
Scheduler
Text Parser
HTTP Make a request

View Sample →

Automated Data Submission & Storage Workflow

Streamlines the process of submitting and storing data automatically. Integrates forms or inputs with n8n to process, validate, and store data directly into a MySQL database. Demonstrates practical automation skills in workflow orchestration, database interaction, and reliable backend data handling.

n8n
Html + Css
MySQL
Webhooks

View repository →

API Testing & CRUD Automation

Automated testing for RESTful APIs covering Create, Read, Update, and Delete (CRUD) operations. Validates endpoints, ensures data integrity, and monitors responses for expected behavior. Demonstrates strong skills in API testing, automation, and backend validation using modern tools and frameworks.