← Back to work
Private client project 2024 — 2026·Full-stack Engineer
Cancer Foundation Portal
Bilingual nonprofit site with a content-managed back office.
Overview
The project
A cancer-care nonprofit needed a bilingual public site for programs, services, and news, with a self-serve admin. I built a Laravel 12 + Filament platform with a sortable programs directory, blog, galleries, and bot-protected contact.
Screens
Screenshots
Tap any image to enlarge. Use arrow keys to navigate.
Stack
What I built it with
Laravel 12Filament 3Tailwind CSSAlpine.jsMySQLVite
My role
What I owned
- Built the bilingual (EN/ES) landing site with programs and services.
- Built a Filament admin with role-based access.
- Built a blog with categories and featured posts and a sortable services directory.
- Implemented a contact form protected with reCAPTCHA and email delivery.
- Added photo galleries with image processing and an activity audit trail.
Architecture
How it's wired
- 01Laravel 12 with a Filament 3 admin panel and Alpine.js front-end interactions.
- 02Environment-switched Vite build configs for master vs. developer modes.
- 03Database-backed sessions and translatable content models.
- 04Vite asset pipeline.
Hard parts
What was challenging
The decisions worth talking about in an interview.
One codebase, two build targets
The project switches Vite configurations based on a deploy-time flag, so the same code can ship as a master build or a developer build. Keeping that branching predictable across environments was the main operational wrinkle.