COVID-19 Global-Tracker

Introduction

It is a full stack application by using Java Spring boot framework and Thymeleaf template engine. This project visualize data which provided by Johns Hopkins University Center for Systems Science and Engineering (JHU CSSE). The application can see total confirmed cases, new cases in each country and display on the cluster map. It also display the COVID-19 top news headlines and safety Tips.

Architecture

Features

• Fetch the latest information of the COVID-19 situation in various countries from JHU CSSE repository and update the data automatically every day.
• Display the accumulated confirmed cases in each country on the cluster map by parsing self-built GeoJson format into the MapBox.
• Search the specific country which is on our dashboard
• Display top news which is related to COVID-19

Built with

Frontend

• Bootstrap

• Mapbox

• NewsAPI

• Thymeleaf template engine

Backend

• Spring Boot

Demo Picture

This is the home page

Under the cluster map, it will show the list of the country and its information

This is the top news page. We can click any news that we are interest. we will be direct to the news page

Reference and things I learn in this project:

Coivd-19 data

MapBox side information

clustering-properties-with-mapbox-and-html-markers

MapBox cluster map example

Java CSV file operation

Java Spring form submit with Thymeleaf

innerHTML method

Insert image in thymeleaf

Using Java fetch json data from URL and display information on website