Back to selected workLive preview

AI product · Story generation · Web app

OneHeadlight

An AI storytelling application for children that turns structured prompts into tailored narratives through a fast, modern web experience.

Role

AI product engineering and full-stack web application delivery

Delivery

Prompt-driven story generation experience with real-time AI response

Platforms

Web, AI services

Tech stack

Next.js, Node.js, Supabase, Edge Functions, OpenAI, Vercel

What the project needed to accomplish.

OneHeadlight is positioned as an AI-powered storytelling product for children. Users provide parameters such as characters, settings, and themes, and the app transforms those inputs into customized stories using a prompt-driven generation pipeline.

The product needed to feel imaginative for the end user while still being technically disciplined: prompt construction, story generation latency, and application performance all had to work together so the experience stayed immediate and useful.

The stack combines Next.js for the application shell, Node.js for backend logic, Supabase for data handling, edge functions for lower-latency execution, and OpenAI APIs for narrative generation. The case study also highlights complex prompt generation to translate user inputs into richer AI requests, with deployment on Vercel for fast global delivery.

The project in working parts.

Generation pipeline

  • User-defined inputs converted into structured prompts for story generation
  • OpenAI APIs used to return tailored narrative output
  • Prompt design layer aligned generated stories to user expectations

Application architecture

  • Next.js application with strong SEO and fast initial load behavior
  • Node.js backend for server-side logic and orchestration
  • Supabase and edge functions used to support responsive processing

User experience

  • Simple UI for entering story parameters such as characters and themes
  • Real-time processing emphasis for faster story delivery
  • Deployment on Vercel for reliable scaling and global CDN coverage

Technology used to deliver it.

Next.jsNode.jsSupabaseEdge FunctionsOpenAIVercel

Why this work matters.

  • Creates personalized storytelling experiences for children through AI-assisted generation
  • Balances frontend responsiveness with server-side processing and AI orchestration
  • Uses a deployment model suited to scale and fast delivery across regions

Related case studies.