gitwtfhub

wtf is my-family-story?

aviranrevach/my-family-story — explained in plain English

Analysis updated 2026-05-18

37JavaScriptAudience · generalComplexity · 1/5Setup · easy

TL;DR

An interactive bilingual family tree app you explore across time, with photos and stories, meant to be edited together with an AI like Claude.

Mindmap

mindmap
  root((Family Story))
    What it does
      Time scrubber tree
      Bilingual EN/HE
      Person life timeline
    Tech stack
      HTML
      JavaScript
    Use cases
      Build a family tree together
      Organize scanned photos
      School roots project
    Audience
      Families
      Students
      Claude users

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Why would anyone build with this?

REASON 1

Build an interactive bilingual family tree with your relatives over time

REASON 2

Turn scanned family photos and recorded interviews into dated life stories using Claude

REASON 3

Use as a school project for a child to collect and organize family history

What's in the stack?

HTMLJavaScript

How it stacks up

aviranrevach/my-family-storyangelsswordstudios/angelssword-adventurers-creatoravacocloud/avaco-railway
Stars373737
LanguageJavaScriptJavaScriptJavaScript
Setup difficultyeasyeasymoderate
Complexity1/52/53/5
Audiencegeneralgeneralops devops

Figures from each repo's GitHub metadata at analysis time.

How do you spin it up?

Difficulty · easy Time to first run · 5min

Wtf does this do

My Family Story is an interactive family tree app that treats your family history as a story you explore across time, rather than a plain chart. A timeline scrubber at the bottom lets you drag through the years and watch family members appear as they are born, age through photos from their era, marry, and pass on. Clicking a person opens a detail card with their family links, a short biography, and a personal life timeline that retells the whole tree from their point of view. World events like wars or moon landings appear along the timeline too, so you can see how history brushed against the family. The whole app works in both English and Hebrew, with a language toggle that switches every name, story, and event at once. The project ships with a fictional demo family, the Adlers, spanning from 1903 to today, so you can try the features before adding your own relatives. It is built as a single HTML page plus its scripts and photos, so there is no build step, no install, and no account needed. Anyone can edit by default, adding people, photos, and short written moments about their lives, and nothing is shared with others until the changes are saved. Photos are added by simply dragging them onto the app, with a built in cropping tool for each person's portrait at different life stages. Family stories that do not have an exact date, called moments, can be placed between two known events instead, such as somewhere between a wedding and a move to another city. The app is designed to be used together with Claude or similar AI tools that can read and write the project's files. Instead of filling in one field at a time by hand, you can hand Claude a messy list of names and ages, a batch of scanned photos, or a transcript of a recorded family interview, and it organizes the raw material into the tree, connecting relationships and estimating missing years. This makes it well suited for family evenings where relatives gather to fill in the tree together, or for a school project where a child collects family stories from relatives.

Yoink these prompts

Prompt 1
Here are names and rough ages from my family, sort them into the family tree.
Prompt 2
These are scanned photos from my grandmother's box, place each with the right person and era.
Prompt 3
Break this recorded interview transcript into dated moments on my grandfather's timeline.

Frequently asked questions

wtf is my-family-story?

An interactive bilingual family tree app you explore across time, with photos and stories, meant to be edited together with an AI like Claude.

What language is my-family-story written in?

Mainly JavaScript. The stack also includes HTML, JavaScript.

How hard is my-family-story to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is my-family-story for?

Mainly general.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.