A web application that helps users build and visualize their family trees through step-by-step data collection.

• Interactive step-by-step questionnaire to gather family information
• Collects names, relationships, and birth years
• Organizes data into a structured family tree format
• Visual family tree display
• Export functionality for the family data

├── backend/
│   ├── index.ts             # Main Hono server
│   └── README.md
├── frontend/
│   ├── components/
│   │   ├── App.tsx          # Main React application
│   │   ├── FamilyForm.tsx   # Step-by-step form component
│   │   └── FamilyTree.tsx   # Visual tree display
│   ├── index.html           # Main HTML template
│   ├── index.tsx            # Frontend entry point
│   └── style.css            # Custom styles
├── shared/
│   ├── types.ts             # Shared TypeScript types
│   └── utils.ts             # Shared utility functions
└── README.md

1. Visit the application
2. Follow the step-by-step questionnaire
3. Add family members with their relationships
4. View the generated family tree
5. Export or save your family data

• Backend: Hono (TypeScript)
• Frontend: React with TypeScript
• Styling: TailwindCSS
• Storage: Browser localStorage (can be extended to use Val Town blob storage)