Hi, I'm Rafael 👋
Frontend Developer. I build modern web apps and turn ideas into useful, real-world products.
RD

About

I’m a front-end developer who builds fast, high-performance, and responsive web interfaces. I turn designs into production-ready code using React, Next.js, and TypeScript, with a strong focus on usability and visual polish.

Skills

HTML
CSS
JavaScript
React.js
Next.js
Typescript
Tailwind
PostgreSQL
Context API
Jotai
Jest
Supabase
Firebase
Framer Motion
AWS
REST API
Responsive Design
Generative AI
Machine Learning
Featured Projects

Work & Client Projects

Real-world projects for clients, businesses, and school. Built to solve problems and deliver working solutions.

AngelitoMarifeJassLilibeth

Angelito

Entrepreneur

The app is simple but looks premium, good experience it feels really fluid. AI is well-designed and straightforward 

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

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
SMTP
Magic UI
ShadCN

Apnea-lyze Pro

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

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

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)
Certification

Meta Front-End Developer

Built with React and modern front-end tools, focused on responsive web applications.

Meta frontend certificate
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