Skip to main content
Get up and running quickly with our starter templates. Each template demonstrates best practices for integrating ToughTongue AI into your application.

Next.js Starter

TypeScript + Next.js 15Complete personality assessment app with Firebase Auth, Zustand state management, and modern UI components.
  • React 19 + TypeScript
  • Firebase Authentication
  • Tailwind CSS + shadcn/ui
  • Admin dashboard

Flask Starter

Python + FlaskLightweight Python template with Preact frontend. Simple and straightforward, perfect for quick prototypes.
  • Flask backend
  • Preact frontend
  • No build tools required
  • Vercel-ready

Quick Comparison

FeatureNext.jsFlask
LanguageTypeScriptPython
FrameworkNext.js 15Flask
FrontendReact 19Preact
AuthenticationFirebaseNone
State ManagementZustandlocalStorage
StylingTailwind CSSCSS
Type Safety✅ Full❌ No
Best ForProduction appsSimple prototypes

What Both Templates Include

Ready-to-use ToughTongue AI iframe embedding with proper permissions for microphone access and event handling.
Pre-configured listeners for onStart, onStop, and onTerminated events to track session lifecycle.
Server-side routes that securely proxy API calls, keeping your API key safe from client-side exposure.
Built-in integration with the analyze endpoint to get AI-powered insights from completed sessions.

Getting Started

1

Get API Credentials

Sign up at ToughTongue AI and get your API key from the Developer Portal.
2

Choose Your Template

Pick the template that matches your tech stack and follow the quickstart guide.
3

Configure & Run

Add your credentials, update scenario IDs, and run the development server.

Next Steps

Next.js Starter

Full guide for the Next.js starter

Flask Starter

Full guide for the Flask starter