Virtual Voyager

Main Page
Main Page: ChatBot to ask questions
Main Page: Search Bar to find Countries
Quiz Page: Arts, Geography, History, Politics
Quizzes: Correct Option Selected
Quizzes: Incorrect Option Selected (shows correct)
FunFacts
Pak Page: Timeline for Important Events, Play/Pause for bg Music
Pak Page: Quiz and SlideShow
Pak Page: Quiz Scored
Pak Page: Learn Urdu Phrases with working Audio

Inspiration

Many individuals are deprived of exploring diverse geographical locations and cultures due to financial constraints, complicated visa processes, and health issues. Furthermore, there is limited knowledge of global cultural diversity and many cultures often go unrecognized or misunderstood. Hence, we decided to make this website to enable individuals to explore traditions and lifestyles of various countries and regions worldwide from the comfort of their homes, making exploration and tourism accessible to all, and fostering appreciation and celebration of cultural diversity.

What it does

Virtual Voyager is a website that let's users explore diverse cultures and traditions, by virtually visiting any country of their choice.

Main Page:

Map: Interactive map that allows users to select any country and visit it.

Search bar: Search bar to directly reach a country.

Chatbot: Chatbot to answer questions about Countries.

A cute Character beside Chatbot and an animated Boat and Logo in header.

Pakistan's page has the following features:

Timeline: A timeline showcasing important events of that country.

Background Music: Play/Pause Famous Music of that Country.

Slideshow: A slideshow showing a country's languages, cultural diversity and historical heritage.

Learn native phrases: Allows users to learn the common phrases with audio.

Interactive Quiz: Users can take interactive quiz with answers and get scores to test their knowledge about that country.

Map: A Map showing Historical Sites and information about them.

Quizzes Page:

4 Different Pop up Quizzes: Option to take Arts, Politics, Geography, or History Quiz.

Background Animated AI image

Learn about Countries.

Shows Correct, Incorrect Answers

FunFact Page: Shows Funfacts about the world.

How we built it

We used HTML, CSS and Javascript mainly. We used Leonardo.ai for various images used in the website. For the chatbot character Ruhma used digital art. For the map we used Leaflet API. We used Open-Trivia Database API for the quizzes page. We used Chatgpt for the content and data of funfacts, timeline and the quiz in the countries' page. We used Wolfram API for the chatbot. We used a text to audio tool and imported audios for the 'learn phrases' section in Pakistan's page.

Challenges we ran into

We had limited time left for the video so couldn't make it properly. At the end we ran into some errors with the chatbot, the map in the countries' page and play/pause button. One of our teammate left midway so we had to cover for her.

Accomplishments that we're proud of

Completing most of the work we planned. Ruhma led the team. Ayesha, Abdulahad are proud of creating their first Hackathon Project.

What we learned

We learned to use unfamiliar tools and languages.

What's next for Virtual Voyager

We want to expand and make pages for all countries. We want to add a feature that lets user listen to different songs from a playlist. We want to add more features for users to learn about countries. We want to make forums to discuss travel.