CompletedReactJavaScriptTailwind CSS+1 more

VisualTalk Junior

A child-friendly AI web application that creates real-time voice conversations with young children based on a visual scene.

Timeline

2 weeks

Role

Full Stack

Team

Solo

Status

Completed

Live Demo Source Code

Technology Stack

React

JavaScript

Tailwind CSS

Web Speech API

Key Challenges

Real-time Voice Interaction
Child-friendly UX
Scaffolding Technique
Correction Engine

Key Learnings

Web Speech API
Educational AI Design
Scaffolding in Education
Child-safe UI Patterns

VisualTalk Junior: AI-Powered Learning for Children

Overview

VisualTalk Junior is a child-friendly AI web application that creates real-time voice conversations with young children based on a visual scene.

Key Features

Ultra-low Latency: Utilizes the Web Speech API for real-time voice interaction.
Scaffolding Technique: Every interaction uses "scaffolding" — a technique used in early education to build confidence.
Correction Engine: Includes a specialized "Correction Engine" that avoids negative reinforcement when children provide incorrect or unrelated answers.
Visual Scene Based: Conversations are contextualized around visual scenes that children can relate to.

Why I Built This

I wanted to create a tool that helps young children learn through natural conversation. The scaffolding approach ensures that children feel encouraged and supported throughout their learning journey, making the experience both educational and enjoyable.