Welcome to my portfolio

Hi, I'm Francis Cruz

Full Stack Developer

3+ years of experience building production-ready web applications using
and tech support experience configuring systems, troubleshooting issues, and performing repairs.

TECH.
STACK

React
Next.js
TypeScript
Laravel
Node.js
Express
Tailwind CSS
Bootstrap
JavaScript
PHP
MySQL
Chart.js
GSAP
Three.js
Vite
React Leaflet

WORK
EXP.

City Government of Bacoor

2025 – 2026

Full Stack Web Developer

  • Developed full-stack web applications using PHP Laravel, JavaScript, Bootstrap, and CSS.
  • Built responsive, scalable, and high-performance web solutions.
  • Wrote secure, clean, and maintainable code with comprehensive documentation.
  • Thoroughly tested and fixed the system to make sure that live deployments would not have any bugs
  • Managed server setup and application deployment using SSH and WinSCP.

St. Dominic College of Asia

2024 – 2025

Technical Support Engineer - Intern

  • Set up and maintained 4 computer labs (30-40 units each), troubleshooting PCs, Macs, and printers while ensuring organized cabling and optimal hardware condition.
  • Installed OS and software while managing user accounts and security restrictions for computer laboratories
  • Assisted in infrastructure projects including server relocation, network switch setup, and hardware inventory auditing
  • Set up live-streaming equipment and provided on-site technical support for school events and graduations.

Self-Employed

2023 – Present

Freelance Full-Stack Developer (Part Time)

  • Designed and developed custom web applications and websites for small businesses and individual clients
  • Built full-stack solutions using Laravel, JavaScript, TypeScript, React, Next.js, Node.js, and Express
  • Implemented responsive UI using Tailwind CSS and Bootstrap
  • Developed secure APIs, authentication flows, and database-driven features
  • Collaborated directly with clients to gather requirements, deliver features, and provide ongoing support

Self-Employed

2020 – Present

Freelance Technical Support Specialist

  • Hardware repairs including component replacement (RAM, storage, batteries, keyboards) and troubleshooting motherboard/power supply issues
  • Windows OS installation and configuration (Windows 7-11) with driver setup and Microsoft Office installation
  • System optimization, malware removal, and client communication with detailed service documentation
  • Completed hundreds of repairs and installations across multiple computer brands and models

ABOUT
ME

I'm a full-stack developer with 3+ years of experience building production-ready web applications. I work across the stack using React, Next.js, TypeScript, Tailwind CSS, Node.js, Express, and Laravel to deliver fast, scalable, and maintainable solutions.

I focus on clean architecture, performance, and clear communication, and I'm comfortable owning features end-to-end—from implementation to deployment.

If you're looking for a developer who can ship reliably and improve real products, I'd be happy to connect.

CREATIVEPROJECTS

Imus United Football Club

Demo Video

Coming soon

Imus United Football Club

A modern, animated website for Imus United Football Club built with Next.js 14 and Supabase. Features include a public event system with attendance tracking, an admin dashboard for operations, 3D graphics, and SEO optimization.

Next.js 14SupabaseTypeScriptTailwind CSSFramer Motion
ClinicSync

Demo Video

Coming soon

ClinicSync

A modern dental practice management platform focused on digital patient records, smart appointment scheduling, real-time analytics (revenue & patient flow), and HIPAA-conscious security — all wrapped in an intuitive dashboard. Currently in development, with backend API integration planned next.

Next.js 15React 19TypeScriptTailwind CSSshadcn/ui
The Ridge Realty Group

Demo Video

Coming soon

The Ridge Realty Group

A modern real estate website for Marci Metzger, showcasing properties in Pahrump, Nevada. Features include advanced property search filters, an interactive 3D circular gallery, achievement highlights, and seamless contact integration.

ReactViteTailwind CSSFramer MotionoglReact Leaflet
Prism Event Registration

Demo Video

Coming soon

Prism Event Registration

A modern, responsive Event Registration application built with Quasar Framework (Vue.js 3) and Supabase. Features include seamless registration flow, speaker showcase, internationalization, and a comprehensive management system.

Vue.js 3QuasarSupabaseTypeScriptPinia
Showing 1-4 of 12 projects

Get In Touch

Have a project in mind? Let's work together to bring your ideas to life

Let's Connect

I'm always open to discussing new projects, creative ideas, or opportunities to be part of your visions. Feel free to reach out through any of the channels below.

Send a Message