The Stack
Tools and apps built for CCSD93
Media Tools
Client-side video, audio, and image conversion powered by FFmpeg.wasm
HTML/CSS/JS
FFmpeg.wasm
Web Workers
- Video & audio format conversion (MP4, WebM, MP3, WAV)
- Media compression and thumbnail extraction
- 100% client-side processing — no server uploads
Chatbot
AI assistant for CCSD93 parents, powered by OpenAI with Parent Handbook vector search
React 19
Vite
Tailwind 4
OpenAI
Cloudflare D1
Cloudflare KV
- Streaming AI responses with file search over the Parent Handbook
- Profanity filtering with leetspeak detection
- Session tracking, token analytics, and conversation logging
- Customizable quick prompts and UI text
Chatbot Admin
Management dashboard for chatbot conversations, analytics, and configuration
React 19
Vite
Tailwind 4
Cloudflare D1
Cloudflare KV
- Conversation browser with flagged message detection
- Usage analytics: daily stats, hourly heatmaps, model token tracking
- Keyword frequency analysis and trending terms
- Model config: GPT model selection, temperature, reasoning effort
Social Calendar
Content calendar for CCSD93 social media with AI-powered post generation
React 19
TypeScript
Vite
Tailwind 4
OpenAI
Cloudflare KV
- Calendar view with drag-and-drop post scheduling
- AI writer generates platform-ready social content
- Multi-school targeting and event tracking
- Post analytics and content history
Website Monitor
Health monitoring for ccsd93.com with crawling, Lighthouse, traffic analytics, and AI insights
React 19
Vite
Tailwind 4
OpenAI
Google PSI
Cloudflare D1
Cloudflare KV
- Automated site crawling with accessibility, SEO, and performance checks
- Google Lighthouse integration for Core Web Vitals scoring
- Real-time traffic analytics: page views, devices, sources, click tracking
- AI-generated insight narratives with text-to-speech playback
- Historical scan comparison and health trend reporting
Formatter
HTML formatting tool for CCSD93 website content with CMS-compatible output
React 19
Vite
Tailwind 4
- Paste raw HTML and get clean, formatted output
- CMS-compatible formatting for Finalsite integration
- Live preview with copy-to-clipboard
Pulse
Carol Stream community awareness dashboard with live traffic cameras, weather, and scanner feeds
React 19
Vite
Tailwind 4
ArcGIS
NWS API
- Live IDOT traffic camera grid (~26 cameras near Carol Stream)
- NWS weather with current conditions and severe alerts
- Inline scanner audio (DuPage Police, Fire, Sheriff)
- Google Maps live traffic with school locations
Infrastructure
Hosting
Cloudflare Pages
API
Pages Functions (Workers)
Databases
2 D1 (SQLite) databases
Key-Value
4 KV namespaces
AI
OpenAI GPT + Embeddings + TTS
CI/CD
Wrangler CLI deploy