I specialize in translating design into pixel-perfect interfaces using modern tools like React, Tailwind CSS, and more.
I'm a Front-End Developer passionate about building fast, accessible, and user-friendly websites. I'm currently working toward becoming a Full-Stack Developer by expanding my skills across both front-end and back-end technologies. I focus on writing clean, maintainable code and creating seamless digital experiences.
While my background is in graphics and design, my curiosity for web design sparked a deeper interest in development. What started as a simple introduction in college turned into a self-taught journey—driven by dedication and a desire to bring creative ideas to life through code.
Cum Laude Graduate from Cebu Technolgical University - Main Campus taking BS in Graphics & Design
I love learning new things and take on a challenge.
I start with thoughtful, user-focused design before moving into development. I build responsive, accessible websites that look great and work smoothly on all screen sizes. I can also translate existing design to code.
Modern, clean designs that align with your brand and engage your audience.
Interactive, fast websites built with React, Tailwind CSS, and Next.js.
Mobile-friendly layouts that look great on all devices.
Intuitive interfaces that improve user experience and flow.
Welcome to my web development portfolio! Explore a collecion of projects showcasing my journey in frontend development.
Employed
This was one of my key projects during my On-the-Job Training (OJT) at the company, and it marked my first real...Read more
Freelance Project
This custom-built vape store project was originally initiated by my senior developer, but was later entrusted to me...Read more
Employed
Collaborated with a senior developer to build an internal Learning Management System (LMS)...Read more
Personal Project
This project is a collection of landing page designs I created during my On-the-Job Training (OJT) in mid-2023. It served as a personal...Read more
![Image of [object Object]](/_next/static/media/tailwind.f5579b94.svg){kind=small}
![Image of [object Object]](/_next/static/media/php-icon.3a209884.svg){kind=icon}
![Image of [object Object]](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freactjs.3714dd37.png&w=1080&q=75)
![Image of [object Object]](/_next/static/media/laravel-logo.575758c4.svg){kind=logo}
![Image of [object Object]](/_next/static/media/mysql.8d3b9d09.svg)
![Image of [object Object]](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Finertia.d4e82308.png&w=640&q=75)
![Image of [object Object]](/_next/static/media/bootstrap-icon.86295ace.svg){kind=icon}
