Project

JotThis

JotThis screenshot 1
JotThis screenshot 2
Next.jsTypeScriptFirebaseOpenAI APIFramer MotionTailwind CSS

JotThis turns messy voice notes into structured insights, action items, and clear summaries. Demonstrates full-stack AI integration: Firebase for authentication and real-time data sync, OpenAI API for transcription and intelligent analysis, and a responsive React UI with Framer Motion animations. Includes a triage center with urgency scoring, action buckets for task organization, and full CRUD operations with optimistic UI updates.

My Thoughts

Why I Built This

I wanted a tool that captures thoughts as fast as they come. Typing on a phone is slow. Voice-to-text transcription exists, but raw transcripts are messy. JotThis bridges that gap: speak naturally, get structured output.

Architecture

The app uses Firebase for auth and real-time data sync, OpenAI Whisper for transcription, and GPT-4o for intelligent analysis. Every recording is transcribed, auto-titled, auto-tagged, and analyzed for action items, content ideas, and research topics.

Key Engineering Decisions

  1. Optimistic UI updates keep the interface fast while Firebase syncs in the background.
  2. Text-to-speech caching means AI voices load instantly on replay instead of hitting the API again.
  3. Triage center with urgency scoring and action buckets turns a simple notes app into a productivity system.