Rooted

• 

  This is Word Canopy/home page

• 

  when clicking on a word, it will show you how to pronounce it, and the history of it.

• 

  wordle but inclusive due to the multi-lingual features

• 

  how the wordle works

• 

  give the roots of your name

• 

  the root of your name

• 

  shows origin history of roots

• 

• 

• 

• 

• 

• 

Inspiration

Lara's dad is really interested in etymology, and had previously asked her to create an app that teaches people about the different roots of words from cultures all over the globe. Both he and Lara felt that learning about etymology is really important for connecting people with culture and history. This hackathon seemed like the perfect opportunity to pursue this project, so she pitched it to her team (Nam, Aiden, Hung), and they all thought it was a great idea.

What it does

Our project uses Gemini API in order to give user the definition and etymology of randomly generated words. Along with the main feature there is a myriad of other functions along such as word connect (showing all possible connections of two given words throughout history), history of names (showing the history of any inputted name), country connect (showing the geographical and linguistic journey of any inputted words), and lastly guess the word (multilingual wordle which current support for English, French, and Spanish).

How we built it

We used HTML as the framework with CSS and the front end and JavaScript for the backend. Our team previously has only used tools like React to build their websites, however, this time we didn't use any structures or pre-made frameworks.

Challenges we ran into

UI was our biggest struggle as we aren't the most creative group of people. We focused on revolving the graphics around our repeated themes of nature and muted colors. We wanted to create something that looked put together and pretty, yet simple at the same time. We overcame this challenge through the use of open source CSS themes on GitHub and methods of connection on Stack Overflow. We had to use the GitHub Copilot to connect a lot of the CSS to other parts of the code, since linking was a big issue.

Accomplishments that we're proud of

Finishing the first stage of the project during the hackathon honestly seemed like a lot, however, we worked through the night in hopes of creating a full stack web application that has the ability to help a lot of people. Additionally, learning how to beautify a webpage without the use of frontend applications such as React was a struggle, however, we are very proud of our finished product.

What we learned

We didn't have much experience working with CSS before, so using a lot of open source CSS templates and tools helped us learn how to properly use it in accordance with JS and HTML.

What's next for Rooted

We plan on turning Rooted into a mobile app since only having a web-based app limits our customer base. We were all really happy with our progress and what we created, and we aim to reduce the literacy gap that comes with the newer generations. We aim to contact Google for them to sponsor us with an unlimited API key in order to maintain our app and reduce redundancy.

Built With

• css
• gemini-api
• github
• github-copilot
• html5
• javascript
• leaflet.js
• stack-overflow
• web-gl