How koraycihan/trtminikmaceralar works
TRT Etkileşimli Hikâye is a mobile app where children choose a story, read or hear branching scenes, and reach different endings. The documented journey also includes checking story details, viewing results, replaying stories, and reviewing saved progress. Sampled source confirms the home screen starts stories through shared context, which persists progress and favorites locally; the player renders registered story nodes and submits choices through that context. Other route connections and validation details are not fully evidenced in the excerpts, so uncertain wiring is omitted.
Main entry points: StoryPlayer.tsx Story player · StoryContext.tsx Story context · index.ts Story registry · index.tsx Story home
Components 19
App journey
- Story home
src/app/index.tsx - Story check
src/app/story-check.tsx - Story result
src/app/result.tsx - My stories
src/app/my-story.tsx - Story route
src/app/story.tsx
Story runtime
- Story player
src/components/StoryPlayer.tsx - Story path engine
src/engine/storyPaths.ts - Story validation
src/engine/validateStory.ts - Choice controls
src/components/ChoiceButton.tsx
Story content
- Story registry
src/stories/index.ts - Branching story data
src/stories - Story model
src/types/story.ts - Scene images
src/stories
State and media
- Story context
src/context/StoryContext.tsx - Device progress
src/context/StoryContext.tsx - Narration reader
src/hooks/useStoryReader.ts - Scene narration
src/hooks/useNarration.ts
Other components
- Child reader
- Audio and speech
Connections 17
- Child reader → Story home: opens
- Story home → Story context: starts story
- Story home → Story registry: lists stories
- Story context → Device progress: loads and saves
- Story context → Story registry: checks story IDs
- Story route → Story player: renders
- Story player → Story context: reads progress
- Story player → Story context: submits choice
- Story player → Story registry: finds active story
- Story registry → Branching story data: registers
- Story player → Choice controls: renders choices
- Story player → Scene images: loads scene images
- Story context → Audio and speech: stops speech
- Narration reader → Audio and speech: plays narration
- Scene narration → Audio and speech: speaks or plays
- Story path engine → Branching story data: resolves paths
- Story validation → Branching story data: validates structure