All Projects

A collection of fully responsive projects crafted through continuous learning and experimentation. Each project showcases my growth in frontend development and UI/UX design, with some featuring my own original designs.

Accordion & Glassmorphism

An accordion project originally from frontendmentor.io that I modified with glassmorphism style and slideshow background.

HTML CSS JavaScript

Age Calculator

A web application from frontendmentor.io that calculates your age in years, months, and days. Built with HTML, CSS, and JavaScript, showcasing frontend development skills and interactive age calculation features.

HTML CSS JavaScript

AnemoLab

Created during my 2nd year in college, this project features the Anemo characters from Genshin Impact, showcasing my early passion and skill in web development.

HTML CSS JavaScript Materialize

Counter

One of the task given to me during my internship at AP Global IT Solutions to better my understanding in increment and decrement operators.

HTML CSS JavaScript

Characters' Filter

A web page that filters an array of characters based on the selected element. This aims to improve my understanding of array functions in JavaScript during my internship.

HTML CSS JavaScript

Dice Roll Web App

A 2-player web application to test the players' luck for fun. The assets like the dices are self-designed using figma but the idea came from a Udemy course I've took in 2024.

HTML CSS JavaScript Figma

DotNote

A minimalist note-taking web app with public, real-time notes and theme toggling. Fully responsive with no login required, deployed via Vercel and Render.

React Node.js Express.js MongoDB Tailwind CSS

Fylo Landing Page

A landing page project from frontendmentor.io that I've made using React.js to improve my knowledge in React.

HTML CSS JavaScript React

GWA Calculator

Wanting to help my classmates struggling to compute their GWA, I made a web application that lets them calculate it easier.

HTML CSS JavaScript

News Homepage

Built using Next.js, this project from frontendmentor.io is instrumental in honing my skills with React components and Next.js, enhancing my proficiency in frontend development.

HTML CSS JavaScript React Next.js

Presyo

A costing tool for Filipino food and craft sellers — know your true cost per unit, and what to charge, in minutes.

Next.js TypeScript Tailwind CSS PostgreSQL Better Auth

RDCHIME's Inventory System

Served as a Lead UI/UX Designer, guiding the team in crafting the interface for RDCHIME's Inventory System.

Figma

Tabs

A tab component that allows you to switch between About, Vision, and Mission. This serves as my practice as an intern at AP Global IT Solutions.

HTML CSS JavaScript

Testimonials

A testimonial web page from frontendmentor.io that serves as one of my stepping stone in becoming a frontend web developer. It features next, previous, and shuffle functionality.

HTML CSS JavaScript

University of Rizal System - Event Booking System

Led the development of our campus’s official event booking system, enabling event reservations for student councils and ensures conflict-free scheduling. The platform is deployed using Vercel, Render, and Railway.

HTML CSS JavaScript React Node.js Express.js MySQL

WeatherSense UI

A group project wherein I'm tasked to create a UI for a mobile application that reads temperature and humidity from DHT11 sensor.

Figma