Country Kit

Logo
Example of website

Inspiration

Why do we need to search many websites to find information about countries?

What it does

This website is showing us about education and healthcare about covid-19.The simple way to use our website , First we need to choose country that you want to know the information,but in this prototype we have only 7 country = Thailand Japan Australia China Canada United State and United Kingdom ,and after choose the country you will receive location usual information, financial information and covid-19 information ,Second thing we can choose the another country to compare.When you click to the compare button the information will show up to you and compare it and are also showing the graph.

How we built it

This code will separate into 2 parts which are front-end and back-end.In front-end, we are coding by using html to display the head which is a title of the website,and the body that show us the text,image and the button,moreover we also use bootstrap to help us decorate our website. In the back-end,we use Javascript to make a lot of function for instance showing information about the country , changing the location on the world map to find location of the country , clicking the compare information button that will show another country that you can choose to compare.After our code complete ,we publish the website by using firebase that is free and high web hosting in this time.

Challenges we ran into

We have to learn javascript and much more about bootstrap.

Accomplishments that we're proud of

This is first time of my team to create website with bootstrap and javascript in 36 hours.

What we learned

We learn how to create a website with our teammates.
We learn about html , css , javasprit , bootstrap and how to combine it together.
Improve our writing coding skills