Adam-Mesh

Building a visually rich and highly interactive UI for visualising a tree of humanity, with a strong emphasis on clarity, performance, and beauty.

Comment

Inspiration

Adam-Mesh stems from a personal desire to understand human interconnectedness and the vast tapestry of history, while also empowering people to explore their own family heritage.

Traditional timelines present information linearly, making it difficult to visualize complex relationships and influences between individuals across different eras and disciplines. Similarly, conventional family tree tools lack the historical context that could enrich personal genealogical research.

We created an intuitive, interactive platform that allows users to map humanity's "mesh" – the intricate web of people, their lives, and their relationships – providing a dynamic and engaging way to explore both historical connections and personal family trees within the broader context of human history.

What it does

Adam-Mesh is an interactive historical platform that enables users to explore, create, and manage interconnected lives of people from 400 AD to the present, while also allowing them to build and contextualize their own family trees within this historical framework.

Users can create new persons, manage dynasties, and export visualizations.

The platform features 32 implemented functionalities, including a comprehensive toolbar and a Timeline Navigation in a ruler style! . It's like a painting software for interacting with relationships across time!

How we built it

Entirely using bolt.new ! I do prompting and Bolt takes care of the rest!

Challenges we ran into

  • As every AI assistance, the cut date is always an issue, when we asked to install some libraries it installed old ones that doesn't fit our needs anymore so we had to do the research and find the correct versions.
  • Dealing with trees and relationships is a quite complex thing, at some point it was time-consuming to implement an Entitree chart together with all features we implemented.

Accomplishments that we're proud of

With my long experience as a software engineer I am aware that dealing with trees and relationships between them is actually a complex job to do ! we are proud that we were able to do a lot in this scope in a very short time!

What we learned

Integrations with other solutions are now very easy to do, we did the integration with Supabase with one prompt and some clicks ! Unfortunately it was not the same with Github and Netlify.

What's next for Adam-Mesh

  1. Monetization Strategy: We believe there's strong market demand for family tree building tools. Historians and educators would likely subscribe to such a platform for enhanced visualization, investigation, and teaching capabilities. Market validation will determine whether this represents a viable niche.
  2. Enhanced Visualization: Implement Entitree-chart-like functionality to better visualize generational relationships (parent-child connections).
  3. Improved User Experience: Optimize node positioning and layout algorithms for better visual clarity.
  4. Feature Expansion: Add comprehensive toolbar functionality to enhance user interaction capabilities.

Built With

  • react
  • react-flow
  • supabase
  • tailwind
Share this project:

Updates