Roots

• 

  This is the community page.

• 

  This is the profile page.

Inspiration

Growing up in America as children and grandchildren of immigrants, we often can't connect with our heritage. It is difficult for us to interact with our extended family, and we feel disconnected from our culture.

What it does

This app allows users to explore and share their personal heritage through dynamic profiles, showcasing cultural traditions and family history. It fosters connections by letting users join communities based on shared heritage, cultural interests, or regional backgrounds, creating a space for collective storytelling and deeper cultural exploration. It combines the discovery aspects of tracing family roots with an interactive, scrollable interface, helping users engage with their cultural identity in a meaningful way.

How we built it

We used HTML and CSS to build the front-end design of the website. We then used Python and Javascript to create people objects and dynamic interfaces.

Challenges we ran into

As sophomores, we still haven't had much education in programming languages, so we learned pretty much everything while creating the product. In addition, we struggled sharing the code with one another and keeping the data updated. We were able to communicate with each other effectively and learn so much while making this project!

Accomplishments that we're proud of

We are really proud of being able to combine front-end and back-end development together to create an updatable interface with really unique scrolling. We also did all of the coding ourselves without using any APIs. This allowed us to really learn what we were doing and apply the knowledge we have been taught in class.

What we learned

We really learned how to combine many different languages to create a dynamic user interface. Before starting this weekend none of the members of this group had ever created a dynamic website, so we all took so much away from this experience.

What's next for Roots

We would love to be able to create a system to separate user profiles and then add multiple communities under one profile.

Built With

• css
• html
• javascript
• python
• replit
• vscode