The description of the project

What is the project context?

"This project ultilized world tiem API and implemented a html page to provide service to users."


"What benefits does the project bring to its users? Who are they? Why they need it?"

"The web application let users to enter some standard city names. After clicking the refresh button, the page will display the specified cities' time."

"Supposingly you are running a startup company, and you have clients who comes from all over the world. In this case, you may want to keep aware of world time, to make sure never miss the delivery time."

"The web application is helping you to achieve this goal. You only need to enter a series of cities' name, then you immediately got the times, and they'll refresh every minute."


An explaination of the technologies involved

How does it work?

"For the api side, the web app get an json response from the world time api by sending a get request to an api url with a sepecific location name."

"After got the api data, the main js script of the html page processes the data, using it to create html elements to append to the displaying div. The page uses bootstrap css framework to decorate it with card style. Each city's time is wrapped into a card div for better looking."




"Which API are you using? How do you manage to connect them to create your service?"

"I used world time API, which is a free web api service. And I used jQuery framework's get method to query the api and get the response data."

Links to resources