Marc Delacruz
Full-Stack Developer
Ann Arbor, MI
contact@mroot.co · mroot.co
github.com/itsmarcdelacruz
contact@mroot.co · mroot.co
github.com/itsmarcdelacruz
SUMMARY
Full-stack developer with a security-minded approach. B.S. Computer Science, University of Michigan (2026). Seven production web apps built end-to-end and live today, plus eight small-business demo builds — brand sites, dashboards, and marketplace apps.
SELECTED PROJECTS
Review Flowreviews-demo.mroot.co— Demo build of an automated Google-review request flow for local service businesses. You fill in the business portal as the owner — customer name, phone, send delay — and watch the other half of the flow happen in an interactive phone mockup: the SMS banner drops onto the lock screen when the timer fires, and tapping it opens a Google-style review screen where you pick stars and post the review. The deployed demo runs in simulated mode behind a small Cloudflare Worker; the repo also includes an Express backend with optional Twilio integration that sends real SMS, locked to a single allowlisted number.
Kowalski Refreshkowalski.mroot.co— Demo build showing a website refresh as a before/after you can actually click through. One fictional Ann Arbor plumbing company, two complete sites: a deliberately dated 2010-era version — cluttered layout, tiny text, no mobile view — and a modern responsive rebuild with clear services, reviews, and calls to action. Both render from the same business data, and a comparison page plus hash-based routes let you flip between them or link straight to either version. Built as the tune-up pitch: this is what the same business looks like after a refresh.
Fade Districtfadedistrict.mroot.co— Demo build for a fictional premium barbershop in Ann Arbor. Hero, five services with prices, a work grid, barber profiles, and location and hours — all arranged to push one action: book a chair. The booking section has two tabs: an interactive three-step scheduler, and a live Calendly embed where you can paste your own Calendly or Cal.com link and watch it load inside the site's design. There's also a side-by-side comparison of DM booking versus scheduler booking, aimed at owners still taking appointments through Instagram.
North Creeknorthcreek.mroot.co— Demo build for a fictional wedding, family, and brand photographer in Ann Arbor. The portfolio is a filterable masonry grid of twelve shots with a lightbox, followed by three packages with published pricing, an FAQ, and an about section. Instead of a plain contact form there's a four-step inquiry funnel — shoot type, date (with an "I'm flexible" option), location, then contact details — with per-step validation so every inquiry lands complete. Choosing a package drops you into the funnel with the shoot type pre-selected.
Glow A2glowa2.mroot.co— Demo build for a fictional laser hair removal med spa in Ann Arbor. It's a conversion-focused landing page: outcome-first headline, published starting prices for eight treatment areas, a comparison table against waxing and shaving, reviews, an FAQ, and a booking form for a free consultation. The distinctive part is the owner tour — a panel that annotates the page's four conversion strategies (outcome headline, comparison table, transparent pricing, no-risk CTA) so a business owner reading the demo also reads the reasoning.
Huron Valleyhuronvalley.mroot.co— Demo build for a fictional lawn care, landscaping, and snow removal business in Ann Arbor. Six services, a before/after project gallery with four transformations, Google-style reviews, service-area list, and a structured quote form. On mobile, a sticky bottom bar keeps two actions permanently visible: click-to-call and a jump to the free quote form — the pattern trade businesses actually convert with.
Maple & Mainmaplemain.mroot.co— Demo build for a fictional classic diner in Ann Arbor. The centerpiece is a QR-friendly menu — 24 items across six categories, high contrast, sticky category navigation, weekly specials — designed to be read on a phone at the table. The site also includes a home page with hours and location, and a print-ready page that outputs a 4×6 QR table card via a dedicated print stylesheet, so the owner can print table cards without a designer.
Lead Trackerleadtracker.mroot.co— Demo build of a lead-tracking dashboard for freelance outreach. The Today queue answers the daily question — who needs contacting right now — while a pipeline board moves each lead through eight stages from New to Won or Lost. Every lead carries contact details, the problem you spotted, a score, notes, and a next-action date. State lives in localStorage, and an optional Google Sheets sync works through a Google Apps Script the app generates for you to paste into your sheet. Demo mode seeds 25 fictional leads so there's something to explore before you add your own.
mroot.comroot.co— This site. It runs as a normal marketing website and as a working IDE — same content, two presentations, switchable from the nav. Projects, writing, and profile data are authored as Markdown and YAML under a content folder, compiled to a typed data module by a small Vite plugin, and prerendered to static HTML with vite-react-ssg. IDE mode layers an explorer, tabs, a terminal, and a command palette over the same data. Built with React and TypeScript, deployed on Cloudflare Pages.
Atlas Marketatlas-market.xyz— Built a two-sided marketplace for a GTA roleplay community. Buyers browse listings and services, place orders, and negotiate; suppliers manage what they offer; staff moderate from an admin dashboard. The order lifecycle runs as a state machine on a Hono API mounted inside Next.js, backed by Neon Postgres, with live messaging over Ably and image uploads to Cloudflare R2. Access is gated by Clerk auth and a Discord-guild allowlist. The backend has 97 endpoints covered by 377 tests.
Navarro Conavarro.mroot.co— Full-stack dealership app for a FiveM roleplay community. Public storefront with live inventory and a sell-us-your-car flow, a staff admin console covering inventory, valuations, enquiries, analytics, and an audit log, and a Hono API on Cloudflare Workers backed by D1 and R2. Workers AI narrates buy valuations, triages enquiries, and writes a daily business briefing on a cron trigger.
Southside Recordssouthsiderecords.org— Built a record-label site for a Los Santos roleplay community. The public side presents the artist roster, releases with links out to Spotify, Apple Music, YouTube Music, and SoundCloud, and an events calendar. Staff manage all of it through an eight-panel admin CMS on Supabase, covering artists, releases, events, photos, team, and a contact inbox. Every create, update, and delete writes to an audit log, and a Cloudflare Worker proxies image storage for faster loads.
Katie Monroe Photographykatiemonroe.mroot.co— Built a full-stack photography portfolio for an on-location photographer character in Los Santos. The public side is a cinematic gallery with story-collection pages. Behind a login sits an admin console for managing photos, collections, a commissions inbox, and a shoot schedule. A Cloudflare Worker serves the API over a Turso database and R2 image storage.
Hadeshadesram.netlify.app— Built the hub for a FiveM content group on ProdigyRP and PrestigeRP. A multi-POV theater plays several Twitch, Kick, and YouTube streams at once in an auto-sizing grid, and the active layout encodes into the URL so a stream combo is shareable. A members directory and a YouTube-fed video archive round out four pages, with five Netlify Functions handling live status and a daily cache refresh.
CraftNetcraftnet.mroot.co— Built a crafting cost-and-profit calculator for a FiveM roleplay server. Browse 25 recipes across six categories, set your market prices, build a craft queue, and get a bill of materials that accounts for what you already have. The whole build state — queue, prices, stock, and settings — encodes into a shareable URL, so there is no server, no account, and nothing to host beyond static files.
EXPERIENCE
AI Model Evaluator & Software QA Tester — Independent Contractor2025 - 2026
Quality-assurance testing on production software — wrote and ran test plans, logged and reproduced defects, and verified fixes with the engineering team.
QA Software Engineer Intern — Phoenix Contact2022
Quality-assurance testing on production software — wrote and ran test plans, logged and reproduced defects, and verified fixes with the engineering team.
Patient Sitter — Henry Ford HospitalAug – Dec 2020
One-on-one monitoring and support for at-risk patients — calm, attentive work where the stakes were real.
Student Intern — Henry Ford HospitalNov 2018 – May 2019
Supported hospital staff and day-to-day operations across departments.
EDUCATION
B.S. Computer Science
University of Michigan — Ann Arbor, MI
High School Diploma
Dakota High School — 4.02 GPA · Summa Cum Laude · AP coursework
SKILLS
Languages: TypeScript, JavaScript, Python, C++, HTML, CSS
Frameworks: React, Next.js, Svelte, Tailwind CSS, Node.js
Data & Cloud: PostgreSQL, SQLite, AWS, Docker
Tools & Deploy: Git, GitHub, Netlify, Figma
Creative: Video editing, Sound design, CapCut