Frontend Developer & Accessibility Advocate

I build web tools that turn complex systems into something people can actually use — from statewide news maps to airport departure planners to cultural calendar converters.

JavaScript React Tailwind CSS Accessibility (WCAG) REST APIs PHP / MySQL
See my work Download Resume
Sadie Coleman

ABOUT

I turn confusing systems into clear, useful interfaces.

Hi, I'm Sadie. I build tools that make the world feel a little less overwhelming, whether that means figuring out when to leave for the airport or seeing how one date can look different across cultures.

I got into web development because I believe access to understanding is its own form of equity. I'm drawn to geography, systems thinking, and the quiet satisfaction of turning something complicated into something people can actually use.

  • Making confusing things easier to understand
  • Designing around how people actually use the web
  • Building projects that feel useful, not just finished

Tools I work with

  • HTML5
  • CSS3
  • JavaScript (ES6+)
  • React
  • Tailwind CSS
  • Responsive Design
  • WCAG Accessibility
  • REST APIs
  • PHP
  • MySQL
  • Git / GitHub
  • jQuery

Featured Work

Statewide News Map showing an interactive tile grid of all 50 US states with a news brief panel
FLAGSHIP PROJECT

Statewide News Map

LIVE

Tap any US state and get a real-time scan of recent news coverage — summarized from headlines, filtered by source trustworthiness, and organized by what matters most in that state right now.

Uses the GDELT API to fetch articles, then runs keyword-frequency analysis to generate a quick brief without requiring users to read through dozens of links. A "Trusted Only" filter prioritizes established outlets like AP, Reuters, and NPR.

  • Async / Fetch
  • Headline Summarization
  • Interactive SVG
  • Dark Mode
See project
Airport departure planner interface showing a travel time form with departure countdown

Airport Departure Planner

LIVE

Enter your flight time, airport, and travel details — get a personalized departure countdown that factors in drive time, parking, security wait estimates, and boarding windows.

Built for people who hate showing up too early or scrambling through security. The calculator accounts for the parts of flying that are easy to underestimate.

  • Date/Time APIs
  • Form Logic
  • Decision Support
See project GitHub repo
Calendar converter showing a Gregorian date translated into Hijri, Jalali, and Hebrew calendar systems

Date Across Cultures

LIVE

Pick any date and instantly see how it appears in Hijri, Jalali, Hebrew, and other calendar systems. Built to show that time looks different depending on where you come from.

The project turns a familiar Gregorian date into multiple cultural formats, helping users see how the same moment is represented across different traditions.

  • Date/Time APIs
  • Localization
  • Cultural Context
See project GitHub repo
European geography quiz showing a landscape photo and multiple choice country options

Landscape Detective

LIVE

Look at a landscape photo and guess the European country. No borders, no flags — just terrain, architecture, and vibes. Tests whether you can read a place, not just memorize a map.

The game scores players on accuracy and speed, with animations and a properly cited sources page for further geographic exploration.

  • Quiz Logic
  • Animations
  • Score Tracking
  • Vanilla JS
See project GitHub repo
ELIEC nonprofit website showing a responsive multi-page layout

ELIEC Nonprofit Site

LIVE

A full 5-page responsive website for a nonprofit organization, built with shared CSS architecture, semantic HTML, and accessible navigation patterns.

Features a mobile hamburger menu with ARIA controls, per-page stylesheets with a shared common.css, and consistent header/footer across all pages. Designed for real users, not just a class assignment.

  • Semantic HTML
  • ARIA Labels
  • CSS Architecture
  • Responsive Nav
See project GitHub repo
Custom video player interface with keyboard shortcut controls and progress bar

Custom Video Player

DEMO

A video player built entirely from scratch — no libraries, no frameworks. Features drag-to-scrub progress bar, keyboard shortcuts, playback speed control, and volume adjustment.

Every control has ARIA labels and full keyboard navigation support. The drag-to-scrub on the progress bar required custom mouse and touch event handling — the kind of DOM manipulation that separates junior from intermediate.

  • Vanilla JS
  • Media API
  • Keyboard Controls
  • ARIA Accessible
  • Drag Scrubbing
See project GitHub repo
FULL-STACK COMING SOON

Full-Stack: PHP + MySQL

DEPLOYING

Full CRUD application with normalized database design — foreign keys, JOIN queries, and server-side form handling. Users browse events, register, and see their signup in a live dashboard.

The normalized schema with foreign key constraints shows real database design understanding. Includes redirect-after-POST pattern, server-side validation, and the kind of architecture that powers production web apps.

Deploying to live hosting — check back soon.

  • PHP
  • MySQL
  • CRUD
  • SQL Schema
  • Foreign Keys

Contact

If you want to talk about a role, a collaboration, or a project idea, send a message here.

Email me LinkedIn GitHub Resume