Focused on how things are built, how they look, and the little details that turn a functional website into a better experience.
I build the part people remember: the rhythm of the page, the clarity of the next action, and the small response that makes a screen feel considered.
One composition, tuned across breakpoints so the hierarchy survives every screen.
Every click, hover, and focus state earns its place by helping people know what happened.
A repeatable visual language keeps the work expressive without letting it become chaotic.
I care about what happens between the click and the result.
Creative and detail-oriented developer focused on building responsive websites and interactive digital experiences. I combine technical problem-solving with a strong eye for design, usability, and performance.
HTML5HTML
CSS3CSS
JavaScriptVanilla JS
TypeScript
React
Three.js
SCSS
Next.js
Tailwind CSS
Python
JSON
Ruby
Kali Linux
Java
VS Code
PyCharm
Vercel
Yarn
Cisco Packet Tracer
GitHub
Figma
C++
Drag the card. It’s a small reminder that the details matter.
Bachelor of Science in Information Technology
I pay attention to the parts of a build that are easy to overlook: how the layout behaves when the screen changes, whether the next action is obvious, and whether the interface still feels consistent after the first impression. I enjoy working through the details—structure, spacing, responsiveness, and small interactions—because those are usually what make a website feel reliable and pleasant to use.
Understanding the task comes first — what needs to be done, why it matters, and what a good result should look like. Each task gets the attention it needs, from figuring out what needs fixing to making sure the final result is properly done. Rushing through something just to mark it as finished usually creates more problems later, so taking the time to understand the work makes a difference.
Learning comes naturally through the work itself. New tools, software, and workflows are opportunities to pick up something useful, especially when there’s a chance to learn by actually doing rather than just reading about it. Getting familiar with something new may take time, but figuring things out along the way is part of the process — and something I genuinely enjoy. I pick things up quickly and apply them right away.
The little things are worth paying attention to. Whether it’s organizing something, fixing an issue, or working on a project, keeping things clear, accurate, and properly finished matters just as much as getting the main task done. Small improvements in structure, presentation, or usability can make the final result noticeably better.
There is always room to do things better. Looking back at previous work, finding what could be improved, and applying those lessons to the next task is part of the process. Every project brings something new to learn, and each one is another chance to improve the way things are approached, built, and finished.
For a FrontEnd build, a visual direction, or simply a thoughtful conversation about the web.
Share the brief, the problem, or the next interface you want to make clearer.
Paste this project's Vercel URL into its
liveUrl field in projectsData to
activate the preview.
IT Specialist | Admin Assistant | FrontEnd Developer
Nationality: Filipino | Civil Status: Single
Religion: Catholic | Date of Birth: December 30, 2000
Languages: Tagalog, English
As a fit and young individual, I aspire to gain more knowledge and to become more competent in my chosen profession. I also seek a stable and permanent job where I can exhibit my diverse skills.
Bachelor of Science in Information Technology — Major in Networking
Batch 2019 – 2023
College of the Immaculate Conception, Cabanatuan City, Nueva Ecija
Landbank of the Philippines, Cabanatuan City, Nueva Ecija
Showcase of web application and development projects.
Tech Stack: HTML5, CSS3, JavaScript ES6+, Tailwind CSS, Sass/SCSS
AuraHR Studio is a centralized Human Resources and People Operations workspace designed to streamline common HR workflows through a single digital platform. The system includes an HR Gmail workspace for candidate and employee communication, a Job Description Builder, Interview Scorecard, Offer Letter Generator, New Hire Onboarding Tracker, Payroll and Overtime Calculator, Performance Evaluation Builder, and Exit Feedback Logger. It also supports document generation, evaluation records, CSV report exports, payroll calculations, onboarding compliance tracking, and employee departure records
View live on Vercel ↗Tech Stack: HTML5, CSS3, JavaScript ES6+, Tailwind CSS, Sass/SCSS, Clinical Data Management
CarePulse Pro is a comprehensive clinical and nursing operations suite designed to centralize essential nursing documentation tools, clinical calculators, patient assessment utilities, medication timing tools, and specialty references in one digital workspace.
View live on Vercel ↗Tech Stack: HTML5, CSS3, JavaScript ES6+, Tailwind CSS, Sass/SCSS, Data Management,Spreadsheet Processing
DataForge Studio is a centralized data and operations toolkit designed to streamline repetitive data-processing and administrative workflows. The platform combines a spreadsheet editor with tools for cleaning and normalizing raw data, extracting contact information, validating CSV files, managing receipt and expense records, converting file formats, performing bulk replacements, splitting names and fields, generating UTM campaign links, creating end-of-day reports, and preparing emergency communication broadcasts. It also supports Excel .xlsx import/export and integrations such as TinyURL and Gmail-based workflows.
View live on Vercel ↗Official certifications and webinars attended.
Certiport (A Pearson VUE Business)
Theme: "Digital Skills for Global Workforce"
CAIT International
NEUST Seminar Series
Feel free to send a message or find my location below.
Nueva Ecija, Philippines