Rafael Dizon

Hi, I'm Rafael 👋

Frontend Developer. I build modern web apps and turn ideas into useful, real-world products.

About

I’m a self-taught developer who builds modern full-stack web applications that deliver real value to users. I’ve worked on a few freelance projects, creating practical solutions for real-world needs, but my true focus is on the frontend—crafting fast, responsive, and visually polished interfaces using React, Next.js, and TypeScript.

Work Experience

Hooli Software

Dec 2024 - Mar 2025

Software Engineer Intern

Developed and maintained SnaptoApp, a Progressive Web Application (PWA) no-code web generator built with React, PostgreSQL, and Go. Debugged and optimized full-stack functionality across the system, improving stability and performance. Designed responsive UI components, implemented new features, and resolved 40+ JIRA tickets involving bugs, API issues, and UI/UX fixes. Documented all repositories and implemented server-side rendering (SSR) using the Vite SSR plugin for the generated mobile repository to enable dynamic metadata and improve SEO. Collaborated in an agile environment with a focus on clean, scalable code.

Education

Holy Angel University

2021 - 2025

Bachelor of Science in Computer Engineering

Skills

HTML

CSS

JavaScript

React

Next.js

Typescript

SQL

Supabase

Firebase

REST API

My Projects

Check out my latest work

I've worked on a variety of projects, from simple websites to complex web applications. Here are a few of my favorites.

M'Sweets (In Development ⚙️)

A sleek sweets ordering website where customers can explore delicious treats, customize their orders, and choose between pickup or delivery. Designed to provide a smooth and delightful online ordering experience for real customers.

Next.js

Typescript

Supabase

TailwindCSS

Shadcn UI

Magic UI

Website

Source

QuizMaster

Developed a full-stack Quizlet-style app with AI-powered quiz generation using the Gemini API. Enables users to create and study flashcards, practice sets, and quizzes with an intuitive UI and secure authentication.

Next.js

Typescript

Supabase

Google Gemini API

TailwindCSS

Shadcn UI

Magic UI

Website

Source

Screenshots

G-Cam - Smart GCash Assistance System

A web-integrated IoT system using ESP32-CAM, Firebase, Next.js, and Pushover API. It captures handwritten GCash transaction details, sends them as notifications, and displays real-time status updates on both the web app and a TFT screen, enabling seamless remote transaction monitoring.

Next.js

Typescript

Firebase

TailwindCSS

Python

Google Gemini API

C++ (Arduino)

Website

Source

Screenshots

Apnea-lyze

A full-stack web app that collects real-time data from sensors to record sleep events. It visualizes readings through interactive charts and uses machine learning to predict apnea patterns for each user.

ReactJS

MySQL

Python

Machine Learning

TailwindCSS

Chart.js

Source

Contact

Get in Touch

Want to chat? Just shoot me a dm with a direct question on LinkedIn and I'll respond whenever I can. I