Temple MIS

Connect and innovate with an elite information systems program

Fox School of Business

COVID-19 Data Display

  1. Goals
    1. Use Javascript, AJAX, JSON, JQuery, HTML, and CSS to retrieve COVID data from an API and display it on a single page application.
  2.  Results
    1. I created a webpage with four main sections: a header, overview page, country data display, and a display for a few lists. I used the getJSON function to retrieve data from the array, iterate through the data, and display the data in lists, strings, or buttons.
  3. Project URL
    1. http://misdemo.temple.edu/tuj65429/COVID-19/
  4. What I learned
    1. I greatly improved my understanding of coding a single page application and interacting with APIs and datasets. Many of the functions in the page were challenging to plan, code, and execute. I also enhanced my understanding of organizing objects and sections using HTML and styling with CSS/Bootstrap. Overall, this project really challenged my ability to consolidate the concepts I’ve learned into a singular, cohesive work.