A fun, interactive web app that teaches Hebrew to children using an AI teacher powered by LLMs. The AI adapts to each child dynamically—patient, encouraging, and ready to teach letters, numbers, colors, greetings, and more!
- Dynamic AI Teacher: Uses GPT-4o-mini to respond naturally to kids' questions and interests
- Kid-Friendly Interface: Colorful, playful design with large buttons and clear text
- Hebrew + English: Teaches Hebrew words and phrases with English explanations
- Conversation-Based Learning: Kids learn through natural dialogue, games, and questions
- Safe & Supportive: Patient prompts designed for young learners (ages 4–10)
npm install
# or
yarn installCreate a .env file in the project root (copy from .env.example):
cp .env.example .envEdit .env and add your OpenAI API key:
OPENAI_API_KEY=sk-your-actual-key-here
Get an API key at platform.openai.com/api-keys.
npm startThis starts both the React frontend (port 3000) and the backend server (port 3001). Open http://localhost:3000 in your browser.
├── server/ # Backend - proxies LLM requests, keeps API key secure
│ └── index.js
├── src/
│ ├── teacherEngine.ts # API client for chat
│ ├── components/ # Chat UI components
│ ├── App.tsx # Main app with chat interface
│ └── ...
└── public/
- Frontend: Kids interact via a chat interface with suggestion chips for common topics
- Backend: Express server receives messages and forwards them to OpenAI's API
- AI Teacher: A custom system prompt instructs the model to act as a warm, patient Hebrew teacher for kids
- Response: The AI's reply streams back and appears in the chat
The teacher prompt guides the AI to:
- Use simple, age-appropriate language
- Mix Hebrew and English
- Be encouraging and never harsh
- Teach through games, songs, and conversation
- Adapt to the child's level
- Frontend: React, TypeScript
- Backend: Node.js, Express
- LLM: OpenAI GPT-4o-mini (via API)
MIT