Let's Travel!

Inspiration

At first we wanted to create a something educational about music around the world, but we realized that trying to find the most listened to music in certain countries will have some overlaps due to the diversity of language around the world. So we decided that instead of music being our main focus about the country, we just create a website that shows basic facts about the country depending on the location of your cursor. Taking it a step further, instead of a cursor we ended up making a button that randomly selects a country around the world, and shows the location of the country using a plane that flies country to country.

What it does

We created a website that shows the basic facts about the country, like the name, primary language and the flag of the country. The country is randomly selected and to get the next country's info, you have to hit a button in the middle of the website. After hitting the button, a small plane (that we designed ourselves) will fly around the map to the destination of the country.

How we built it

The code base is vanilla JavaScript, HTML, and CSS.

Challenges we ran into

The biggest challenge we ran into was more technical rather than coding specific. Some of the countries are so small on the map that without the naming of the country from the map, we wouldn't be able to see it. Rather than figuring out how we should approach the coding task, our hardest part was finding the countries and creating positions of their location.

Accomplishments that we're proud of

For 3 out of the 4 people, it was their first time using js and css. We are especially proud of how much we were able to accomplish in one meeting together.