Matthew Franceschini
Menu ↓
Senior Front End Engineer · React / Next.js / TypeScript

Matthew Franceschini

I build fast, accessible interfaces and the systems behind them — with a focus on craft, clarity, and shipping.

Email meGitHubLinkedIn
ReactNext.jsTypeScriptUI engineeringProduct
Matt Franceschini
Overview

About

I build product experiences that feel effortless: fast, accessible, and designed with real workflows in mind.

Recently I’ve led front-end work on templated live-stream tooling, scheduling/calendar UX, interactive video, and no-code page-building surfaces.

Selected

Experience

Firework
San Mateo, CA, USA
01/2024 – Present
Senior Front End Engineer
01/2024 – Present
  • Led the front-end for Digital Showrooms, a templated live-stream creation flow that reduced friction to “Go Live” and supported GMV growth.
  • Shipped a calendar + recurring scheduling experience for re-streaming, helping teams scale output without scaling content production.
  • Contributed to Interactive Video (branching “choose-your-own-adventure” UX) and Microsites (no-code page builder for sales/marketing).
Front End Engineer
05/2022 – 01/2024
  • Owned and improved shared front-end capabilities used across multiple product surfaces, with a focus on reliability and developer ergonomics.
ReactNext.jsTypeScriptReduxWebpackGitHub ActionsJiraConfluence
Nascent Digital
Toronto, ON
11/2020 – 04/2022
Software Developer
11/2020 – 04/2022
  • Delivered multiple partner-facing products, including a new subscription flow that added recurring revenue.
  • Collaborated on landing pages and signup funnel improvements with an SEO mindset (copy, structure, and conversion flow).
  • Helped ship a specialized commerce CMS (rent/buy/redeem tokens) under a tight deadline with a small team.
  • Ran “lunch and learn” sessions to share patterns, demos, and practical engineering takeaways.
Next.jsReactNode.jsC#.NET
GitHub

Projects

A few things I’ve been building recently. I’m currently highlighting work updated in 2026.

showtracker-web

Web app to search TV shows (TMDB), manage your collection, and track watch progress with Auth0 + Supabase.

Mar 2026

A TV show tracker that lets you search TMDB, build a personal watchlist, and track progress by season/episode with a real backend and auth.

  • Search shows and maintain a “want to watch / watching / completed” library.
  • Track episodes watched with bulk actions and status ↔ progress sync.
  • Run as a full-stack app (Vite React client + Express API) with token-based auth.

Why featured: It’s a great snapshot of full-stack TypeScript work: auth, data modeling, caching, and UI state management.

TypeScript1★0 forksLive

ecolearn

A calm, AI-powered daily sustainability research digest—built to respect attention and make AI’s environmental footprint visible.

Mar 2026

A calm daily sustainability research digest that synthesizes multiple papers into a single readable summary, with optional chat and transparent “AI footprint” tracking.

  • Get a focused daily topic with references instead of doom-scrolling feeds.
  • Switch tone (academic/casual) while keeping summaries grounded in real papers.
  • Explore follow-up questions via chat while seeing estimated energy/CO₂ impact.

Why featured: It reflects a product philosophy I care about: mindful UX, transparency, and using AI to help people learn (not to maximize engagement).

TypeScript0★0 forksLive

grant-tracker

Canadian grant discovery web app — crawl, enrich, and search federal funding opportunities

Mar 2026

A web app + CLI pipeline that aggregates Canadian federal grant data, enriches messy source text into structured fields, and makes opportunities easy to discover via search, filters, and guided matching.

  • Find relevant funding programs by province, org type, category, deadlines, and amount ranges.
  • Run scheduled crawls/enrichment so the dataset stays fresh with minimal manual work.
  • Export results (JSON/CSV) for internal analysis or reporting.

Why featured: It combines real-world data ingestion, pragmatic UX, and production-minded automation into a complete end-to-end product.

Python0★0 forks

ui-design-assistant

AI UI placement assistant: upload a UI screenshot + describe a change to get suggested component placements with bounding boxes.

Mar 2026

An AI UI design assistant for front-end developers: upload a UI screenshot, describe a change, and get 2–4 suggested placement options with rationale and percent-based bounding boxes drawn directly on the image.

  • Decide where a new component should live while staying consistent with the existing visual hierarchy.
  • Iterate via clarifying questions and refinement, keeping conversation history in-app.
  • Compare multiple analyses side-by-side and export results as JSON (or print to PDF).

Why featured: It’s a practical example of “AI + UI tooling”: turning a screenshot + intent into actionable, inspectable layout suggestions.

TypeScript0★0 forksLive
Background

Education

McMaster University
B.Eng, Software Co-op
09/2013 – 04/2018
  • Coursework focused on fundamentals: algorithms, data structures, databases, computer graphics, and performance analysis.
  • Capstone: drone system for detecting and responding to remote fires (Android, DJI SDK, Python, Simulink).
Say hello

Contact

Want to chat about a role, a project, or just swap notes on UI engineering? Email is best.

franceschinimatt@gmail.comLinkedInGitHub