Greetings, My self
Abraham Hiponia
A Client-Side Developer & Graphic Designer

Currently my Second year as a BSIS student at Kolehiyo ng Lungsod ng Dasmariñas (K.L.D).

Handled tech stack:

HTML5 CSS3 JavaScript (ES6+) Bootstrap

Tech Stack with A.I assistance:

Java PHP React Node Express Tailwind XAMPP Supabase

Deployment Tools:

Netlify Vercel Render Github Git InfinityFree

My Contacts:

Work Email: ramindiedevelopment@gmail.com

Discord Facebook GitHub LinkedIn

Personal Skills:

  • Adaptable to new tools, technologies, and development workflows
  • Effective team collaboration and communication
  • Open to feedback and committed to continuous learning
  • Experienced in leveraging AI tools (e.g., ChatGPT, Gemini) to enhance development productivity
  • Language proficiency: English – able to understand, read, and communicate effectively
Abraham Hiponia

My Info

Abraham Hiponia

Hello again, I'm Abraham Hiponia.

I am currently a Second-year BS Information Systems student at Kolehiyo ng Lungsod ng Dasmariñas and graduated from Kinyang Academy Inc. with a STEM background. I became interested in computers in 5th grade which also sparked my desire to pursue a computer-related career in the future.

While researching technology fields, web development particularly caught my attention. I decided to teach myself CSS and HTML while in senior high school. Aside from programming, I have hobbies in Photography, Digital and Graphic designing, and I am a Tech-savvy person.

Overall, I am a curious and driven learner passionate about continuous self-improvement. By combining my growing skills in web development with my creativity, I aim to prepare myself for future opportunities in the IT industry.

Web Development Graphic Design Photography

Education

KLD Campus

Bachelor of Science in Information Systems (BSIS)

Kolehiyo ng Lungsod ng Dasmariñas (K.L.D)
2nd Year (Current)

Focused on full-stack development using PHP, Java, and MySQL with XAMPP for school-based projects. Also gained hands-on experience in web system development using HTML, CSS, and JavaScript for building responsive and interactive user interfaces. Nominated as a group leader for capstone projects during both midterms and finals in my 1st and 2nd year, where I handled system planning, database design, task delegation, and full project integration. Projects included two integrated systems combining inventory management, record keeping, and transaction-based functionality, developed within a collaborative team environment.

Kinyang Academy

Senior High School (STEM Strand)

Kinyang Academy Inc.
Graduated

Graduated with a STEM (Science, Technology, Engineering, and Mathematics) background. During this time, I discovered my passion for technology and began self-studying web development fundamentals, specifically HTML and CSS, laying the groundwork for my future studies in Information Systems.

Showcases

Most of my websites are multi-page applications (MPAs) built using HTML, CSS, and JavaScript. I leverage Tailwind CSS via CDN links, combined with A.I. assistance, to rapidly create responsive and modern user interfaces. While I have limited experience with single-page applications (SPAs) and frameworks like React, I focus on delivering fully functional, user-friendly multi-page projects.

Websites

Coffeeshop Website

Coffeeshop Website

A cozy, aesthetic website for a local cafe featuring an interactive menu, online ordering system, and location finder.

Live Demo
Antivirus Website

Antivirus Website

SecureTrace is a portfolio concept website showcasing modern antivirus solutions, interactive UI, and rich, professional cybersecurity content.

Live Demo
Convenience Store

Convenience Store

Sari Lane is a concept retail website showcasing a neighborhood convenience store brand focused on everyday essentials, affordability, and community accessibility.

Live Demo
Dedicated Server Web

Dedicated Server Web

QuantumWorld is a static SaaS concept website demonstrating the design and user flow of a global game server hosting platform, including deployment, regions, and enterprise plans.

Live Demo
Phone Website

Phone Website

PRISM Lumina is a premium, multi-page marketing website for a concept flagship smartphone. The project features a fully responsive layout with a custom Dark/Light mode toggle, intersection observer animations, and interactive elements.

Live Demo
Cloud Storage SaaS

Cloud Storage SaaS

CloudNest is a conceptual cloud storage platform created as a side project, demonstrating UI/UX design, pricing structure, and SaaS-style workflows.

Live Demo
Gym Website

Gym Website

IRONPULSE is a concept gym website highlighting training programs, coaching expertise, and a results-driven fitness culture.

Live Demo

Fullstack Capstone & Side Projects

Dashboard Inventory POS Expiry Tracking Reports Suppliers Login Settings

Pharmacy Management System

2nd Year

PharmaCare Pro is a modern, web-based pharmacy management system built with PHP and Tailwind CSS, designed to streamline medicine inventory, secure user authentication, and real-time sales tracking for efficient offline pharmaceutical operations. The system was developed as a final examination requirement for the Web Systems subject, with AI assistance using Gemini and ChatGPT throughout the coding process. As a student project, the application was developed within academic scope and time constraints and is not intended to represent a full enterprise-level or production-ready business system. The project was completed and formally defended on December 7, 2025.

Tech Stack: HTML CSS Tailwind JS XAMPP MySQL PHP

Key Features

  • Dashboard Analytics
  • Inventory & Stock Management
  • Point of Sale (POS) System
  • Expiry Date Tracking
  • Sales & Revenue Reporting

Why it's Useful

  • Offline Capability Hosted on XAMPP, allowing sales processing without internet—critical for local operations.
  • Expiry Tracking Flags expiration dates in the database to prevent accidental sale of expired medicine.
  • Accuracy Eliminates manual calculation errors during the checkout process.

Sari - Sari Store Management System

1st Year

This web application is a Sari-Sari Store Management System designed to digitize daily store operations such as inventory tracking, customer borrowing, sales recording, refunds, and performance visualization. It enables small retail businesses to efficiently manage products, customer transactions, and financial records within a centralized system. The project was developed with significant assistance from ChatGPT throughout the entire process, including system design, workflow planning, and iterative “vibe coding,” using Java on the Apache NetBeans platform and MySQL via XAMPP as the database. This system served as a capstone project for my 1st-year final project examination and was completed and formally defended on May 14, 2025.

Tech Stack: Java NetBeans MySQL XAMPP JFreeChart

Key Features

  • Real-time Stock Tracking
  • Customer Debt (Utang) Management
  • PDF Invoice Generation
  • Visual Analytics (JFreeChart)
  • Refund & Rollback Handling

Why it's Useful

  • Financial Visibility Improves tracking through real-time charts and summaries.
  • Debt Management Helps manage customer debts accurately in small retail environments.
  • Reduced Errors Automates inventory calculation to prevent manual mistakes.
Admin Dashboard Employee Schedule Shift Management Leave Requests Employee Database Mobile View Login & Security Audit Logs

Employee Scheduling & Management System

2nd Year

ShiftMaster is a modern, cloud-based Employee Scheduling and Management System designed to streamline the process of organizing staff shifts. It replaces manual paper schedules and spreadsheets with an interactive, real-time digital dashboard. The system features a hybrid access model, providing a secure, password-protected interface for Administrators to manage schedules and employee data, while offering a public, read-only view that allows employees to instantly check their schedules from any device without requiring authentication. ShiftMaster follows a decoupled frontend–backend deployment architecture, with the frontend deployed on Netlify and the backend API hosted on Render, using Supabase PostgreSQL as the database. The application is implemented as a serverless web application, enabling scalability and simplified infrastructure management. The project was developed primarily through AI-assisted “vibe coding” using Gemini and ChatGPT, applying object-oriented programming (OOP) principles and CRUD operations (Create, Read, Update, Delete) to manage scheduling, employee records, and shift data efficiently.

Tech Stack (SERN): React (Vite) Tailwind Node.js Express.js Supabase (PostgreSQL) JWT Netlify Render

Key Features

  • Smart Scheduling: Interactive Grid system.
  • Role-Based Access: Public read-only view.
  • Employee Management: Comprehensive staff database.
  • Security: Secure Authentication & Admin tools.
  • Modern UI/UX: Fully supported Dark Mode.

Why it's Useful

  • Eliminates Confusion Real-time sync ensures everyone sees the exact same schedule.
  • Accessibility Web-based access allows checking shifts from home on any device.
  • Visual Organization Color-coded grid distinguishes roles and status at a glance.
  • Security & Accountability Built-in audit logs track changes to prevent unauthorized edits.

Get In Touch

Let’s connect! Whether it’s feedback, project inquiries, or collaboration opportunities, drop me a message and I’ll get back to you as soon as possible.

ramindiedevelopment@gmail.com
Dasmariñas, Cavite
Message sent successfully!