FamTree

logo
Famtree Design Brainstorm on Figma
Homepage
Database

Inspiration

Exploration can be anything. It could be traveling the world and discovering new places, but have we ever looked into ourselves? Our ancestors have many stories to tell us, such as what kind of people they were, where they lived and moved, and how our family formed and came to be the people they are now. However, sometimes we lose contact with our relatives and slowly forget and lose our memories about them. Therefore, our team decided to build a web application where one could create their family, explore their genealogy and never forget their dearest ones.

What it does

The web application displays the family tree of the user after they submitted their information about their family members such as their names and relation.

How we built it

We utilized python, react.js, json, firebase database. Python was mostly used for the backend and react.js was used at the frontend, and we stored the family information on firebase database.

Challenges we ran into

We all lacked coding skill, so we had a challenging time building a functional web page that produced a family tree. We were also unfamiliar with programming languages, frameworks, and how certain concept should be coded. So it took us time to self-learn new topics and build new features.

Accomplishments that we're proud of

We were able to set up the web page and store the family member's information in a hierarchical style in the database. Most of us had different skill levels, but we managed to build a simple web application.

What we learned

Throughout the hackathon, we learned how to work and store in cloud databases and use React.js to build a webpage.

What's next for FamTree

It still needs more improvements. Our next aim is to make the family tree more dynamic and extensive, and add more features to the web application where users can delete and update their information.