Back to Projects
Completed Project

KidzGPT – AI 3D Learning Assistant

AI learning assistant for children with interactive 3D animated characters, real-time voice and text AI conversations using LLM APIs, and gamified educational experience. Built for a freelance client.

|
KidzGPT – AI 3D Learning Assistant
RoleLead Frontend & 3D Interactive Developer
TimelineMay 2026
TeamFreelance Engagement
Tech Stack7 Technologies

Mission Brief

KidzGPT is an interactive 3D AI learning companion crafted for young learners. It brings educational topics to life through a responsive 3D animated character rendered via Three.js and React Three Fiber. Children can speak directly to the character using the Web Speech API and receive child-safe, curriculum-tailored explanations, voice narration, and gamified quizzes.

Key Features

3D Animation & Interactivity

  • React Three Fiber World: Optimized 3D model rigging with procedural lip-sync and idle eye-tracking animations
  • Interactive Touch: Character responds to cursor movements, touch gestures, and conversational mood shifts
  • Lightweight Rendering: Optimized GLTF meshes maintaining 60 FPS across mobile and desktop browsers

Voice AI & Kid-Safe Safeguards

  • Two-Way Speech: Real-time voice recognition and natural speech synthesis via browser Web Speech APIs
  • Curriculum Guardrails: Custom LLM system prompts enforcing age-appropriate, encouraging, and educational responses
  • Interactive Quizzes: Dynamic trivia games with visual rewards and positive reinforcement feedback loops

Engineering Chronicles

3D avatar rendering caused battery drain and stuttering on budget mobile devices.

SolutionImplemented adaptive Level-of-Detail (LOD) rendering and throttled animation tick loops when tab is in background, cutting GPU load by 60%.

Installation Instructions

1. Clone & Run Locally
$git clone https://github.com/KartikSharma4448/KidZ-GPT.git
$cd KidZ-GPT
$npm install
$npm run dev

Project Access

Live DemoSource Code

Technologies

React
Three.js
React Three Fiber
LLM APIs
Web Speech API
Framer Motion
Tailwind CSS

Table of Contents

  • • Mission Brief
  • • Key Features
  • • Engineering Chronicles
  • • Visual Gallery
  • • Installation Instructions
Back to Projects

More Projects

PRANAG AI – Web Platform
Completed

PRANAG AI – Web Platform

React.js • AI & Machine Learning

AI Livestock Diagnostic Mobile App
Completed

AI Livestock Diagnostic Mobile App

Flutter • Mobile & On-Device AI

VCC ERP – Coaching Institute Management
Completed

VCC ERP – Coaching Institute Management

Flutter 3.41 • Full Stack & ERP Ecosystem

Rajasthali – Travel & Fleet Management System
Completed

Rajasthali – Travel & Fleet Management System

Flutter 3.7+ • Fleet & Mobile Logistics

CVCraft v2 – AI-Powered ATS Resume Builder
Completed

CVCraft v2 – AI-Powered ATS Resume Builder

FastAPI • AI & Full Stack Web App