PORTFOLIO - 2026
X: 000 / Y: 000

[ Dan Gabrielle De Castro ]

FRONTend DEVELOPER

PORTFOLIO

ABOUT

ME

Hi, I'm Dan Gabrielle De Castro, a 4th-year Information Technology student at Central Philippine University. I'm passionate about web development, networking, and system design, and I've been building my skills through coursework, personal projects, and internships. I love the problem-solving aspect of technology, whether it's debugging code, designing a network, or creating user-friendly interfaces. As I approach graduation, I'm excited to apply what I've learned to real-world challenges and continue growing as a developer.

React Vite TypeScript JavaScript HTML5 CSS3 SCSS Tailwind CSS GSAP Three.js PHP MySQL Firebase REST API Git GitHub Vercel Postman Figma VS Code
Red Cross Management System
01

Red Cross Management System

A comprehensive PHP-based management system that handles event management, donation tracking, and real-time notifications. This is the refactored, live version, streamlined from the original “spaghetti code” found in my GitHub repository for better maintainability and performance.

React Vite Firebase PHP MySQL JavaScript HTML/CSS SCSS
View Project →
Game Guild Website
02

Game Guild Website

A responsive website for a gaming guild with member profiles, event schedules, tournament brackets, and modern dark-themed UI.

HTML5 CSS3 JavaScript GSAP
View Project →
Portfolio Website
03

Portfolio Website

A modern portfolio showcase featuring GSAP animations, smooth scroll interactions, and responsive design optimized for all devices.

SCSS JavaScript GSAP Three.js
View Project →

FEATURED PROJECTS

FEATURED PROJECTS

FEATURED PROJECTS

FEATURED PROJECTS

00
Framework

Principles that guide my development. Not rigid rules, but a living compass. Every line of code, every layout decision is shaped by these beliefs. They keep me grounded and moving forward.

Clean. Human. Performant. Transparent. Ever evolving.
This is how I build for the web.

01
CLEAN CODE

I try to write code that actually makes sense. Stuff I or anyone else can read, understand, and tweak later without pulling my hair out. Things like indentation, meaningful names, and keeping things modular aren’t just nice to have, they are lifesavers when projects grow. Whether it’s CSS or JS, I’d rather be clear than show off.

Basically, I code like someone else is going to maintain it and they might not be super chill about it. Keeps me humble.

02
USER-FIRST

I build with real users in mind. Making sure things feel natural and easy to use on any device. From clickable buttons to color choices, keyboard shortcuts, or animations, I try to think like someone actually using the site. Empathy matters.

No sneaky tricks. Just honest, smooth experiences.

03
PERFORMANCE

I care about speed and smoothness. Pages shouldn’t take forever to load, and interactions should feel snappy. I try to keep things lightweight and efficient, whether that’s images, code, or animations.

Lazy loading, splitting code, and using modern formats are not just tech buzzwords. They actually make life better for users and me when debugging.

04
COMMUNICATION

I try to be clear and open when talking about projects. Whether that’s comments in code, pull requests, or chatting with teammates, misunderstandings waste time. I’d rather ask questions and explain things properly.

Documenting stuff isn’t boring. It’s like leaving a breadcrumb trail for my future self.

05
LEARNING

I’m always trying to learn something new. Whether it’s a new CSS trick, a JS framework, or even AI-assisted coding tools. The web moves fast, so I try to keep up, experiment, break things, and see what sticks.

Staying curious and humble helps me grow. Sometimes it’s fun to get a little messy while learning.

Get in touch

facebook instagram
Discord logo po0mi
github po0mii
gmail decastrogab21@gmail.com