covid_tracker_vue_tailwind Tailwind Templates

Covid_tracker_vue_tailwind

A simple but effective Covid tracker built using Vue 3 and Tailwind CSS

This is a nice looking tracker built which uses a public API.

It showcases global cases and deaths, with the option to pick specific country stats too.

What I used

vue 3 boilerplate setup debugging (used SO to fix)
tailwind css setup via CLI
tailwind naming conventions
moment js for date formatting
REGEX to add commas to the date
single header component showing in each page
API calls and json manipulation
vue emissions of props
vue this keyword binding
continuous netlify deployment via github repo

           

And This is the usual stuff :)

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Customize configuration

See Configuration Reference.

Top categories

Loading Svelte Themes