Skip to content

Covidph

Html Scss Vuejs Nuxt.js Firebase

The Covidph

Covidph is a perk of being quarantine. I created Covidph to serve my countrymen an easy to use and most complete data about COVID-19 cases in the Philippines.

The data was pulled from various reliable sources mainly from the Department of Health (Philippines) and Novel COVID API.

Homepage

Inside the Homepage, you'll see the total numbers of confirmed, deaths and recovered cases along with their corresponding cases of the current day.

I also added some graphical representations like line chart for the total cases per day, doughnut chart for cases by gender, and bar chart for the age group. I use Chart.js to achieve this part and added the summary of cases per region.

Cases

Cases page is where you can see all the detailed information of each case inside a data-table. The result can also be filtered by region or province name.

Map

Map page uses the google map API to display the affected locations. Users can additionally click on the map markers to view more information.

Go to work page

© 2020 FRANCIS MAGALLEN — DESIGNED AND DEVELOPED BY ME.