Terra Vox - Voice of the World

Inspiration

We were inspired to create our project, Terra Vox, because we hoped to make the upcoming independence day (the fourth of July) a holiday that everyone, regardless of ethnic background and citizenship, could celebrate together with family and friends. Additionally, we also wanted to allow people of numerous ethnic backgrounds and/or American-born citizens of different ethnicities to be able to celebrate the independence day(s) of all of their countries at once. And we thought, what's a more patriotic way to celebrate a country's independence day than playing the country's anthem? So we created Terra Vox as a way for users to string together the anthems of their countries to create one large anthem to honor all of their countries' independence days.

What it does

To use Terra Vox a user first clicks/types the link (which can be found in our Devpost submission). The user will arrive at a page with the header TERRA VOX - VOICE OF THE WORLD. Next, the user can zoom in (or zoom out) on the map located on the page. Then they can click on the country whose anthem they want in their anthem combination. The country's flag will appear in one of the white boxes located at the bottom of the screen. The user can then proceed to click on up to four more countries whose anthems they would like to have in their anthem combination. Afterward, they can hit the blue play button on the right of the white boxes. Finally, they can hit the red stop button if they wish to stop the anthem from playing.

How we built it

We built Terra Vox using HTML, CSS, and JavaScript. We hosted our website on Qoom. We used the ARCGis API to render the world map. users can zoom in and zoom out to select different countries in each of the 5 continents

Challenges we ran into

One challenge we ran into was figuring out how we would display an interactive map (that would register the tapping of a country) for the many countries for which we had national anthems. Another challenge we encountered was how to integrate the ARCGis API into our website.

Accomplishments that we're proud of

We are proud that we were able to create an app in a day, learn how to utilize the ARCGis API in our website, create some awesome anthem combos (which can be seen in our demo), and had fun playing with our own app!

What we learned

We learned how to utilize the ARCGis API, render maps with multiple layers, and incorporate zoom-in and zoom-out features in our map. We also learned how to play audio in javascript and synchronize different audio streams.

What's next for Terra Vox - The World's Voices

In our next update for Terra Vox, we hope to include a song cover of each national anthem, to allow users to decide whether they would want an instrumental or voice-over cover of the anthem.