COVID Data Tracker

View chart tracking cases, deaths, recovered, active and critical situation.

It's created with nextjs.

Update: Decided to move it from just two pages to multi pages

Why I worked on this project

My goal was to learn how tailwindcss works and broaden my knowledge on nextjs after learning how nextjs works by building TRIDATON(this project shows countries' information).

How to navigate this project

It's a two-page project

It's now 5-page project

I used pull requests throughout the updating: Example PR

Pages folder contains all pages file

If I had more time, I would change this

• refactor some of the code
• improve the map displayed on homepage
• add content to Symptoms page
• remove unnecessary comment

Home page screenshot

How to use

Execute create-next-app with npm or Yarn to bootstrap the example:

npx create-next-app --example with-tailwindcss with-tailwindcss-app
# or
yarn create next-app --example with-tailwindcss with-tailwindcss-app

Deploy it to the cloud with Vercel (Documentation).