A place to aggregate Y-DNA and mt-DNA info from different services.
I use
To have at least list of FTDNA groups which I frequently check, so to have one place to navigate from. MAYBE integrated with FTDNA API.
To represent Y-DNA Discover tree based on SNP, and every joint as hyperlink to to the SNP-based page.
A list of SNPs with historical info, from no to Y-Adam. Similar way I described in my article
Table just an example:
| SNP | Age | History notes, Sources |
|---|---|---|
| Y4460 | 30 | note 1, source 1 |
| CTS10228 | 25 | note 2, source 2 |
| P37 | 40 | note 3, source 3 |
But most probably it can be simple list, UI-formatted nice and when scrolling all info is shown. Maybe some animation, not sure.
Inspired by FTDNA table actually:
which I would simply extend with Historical data, so I could easily find myself in space and time when I think about SNP or age of Y-DNA men with such SNP in they Y chromosome.
Something also similar to MyTrueAncestry Full Detailed Timeline
Left side could be SNP + age info and right side could be History notes, ancient tribes, ethnicities, nationalities, etc.
Maybe use Bootstrap Accordion => https://getbootstrap.com/docs/5.3/components/accordion/ or https://getbootstrap.com/docs/5.3/components/card/
Moved to dna-scripts repo.
But it contradicts then with My Genealogy purpose and in general gen-end-gen project purpose.
- Used React + TS SWC Vite setup
- Used Reactstrap + Bootstrap
- Bootstrap Scrollspy at first but ended up changing to IntersectionObserver
- CSS
- I used CSS React Hooks at first. After attempt to migrate from v2 to v3, I realized CSS hooks became too complicated for my brain.
- I could use Styled Components because it looks most reasonable solution, for complex projects.
- Because of CSS Nesting support since Dec-2023 I decided to use basic, native CSS, and relying on
import "./MyFile.css"is very much enough for me.
- Deployment via GitHub Pages (with Vite config).
- Maybe use https://ui.shadcn.com/ to create new components