Dashboard to track the Coronavirus Disease (COVID-19) Statistics using the Lightning Web Component.

karkranikhil

Nikhil karkra

Posted on March 17, 2020

Dashboard to track the Coronavirus Disease (COVID-19) Statistics using the Lightning Web Component.

Hi Guys!! I have built a dashboard with a real-time API(of COVID-19) in Salesforce Playground using the Lightning web component.

Below is the design that I have built.

Alt Text

Alt Text

Demo

COVID-19 Global Cases Tracking Using LWC

Tutorial

I have recorded the video so that you guys can follow and build the awesome stuff. In this tutorial, you will learn how to build a dashboard using lightning web components. we are going to use the following topics

  1. Data Binding
  2. Component lifecycle
  3. Third-party API Integration
  4. Looping
  5. Filtering
  6. Charts - Highcharts
  7. Tables
  8. SLDS inbuilt CSS classes 9Custom CSS
  9. Event handlers
  10. getters

Code and Demo

GITHUB - https://github.com/karkranikhil/COVID-19-Dashboard-using-lwc
PLAYGROUND - https://developer.salesforce.com/docs/component-library/tools/playground/r03Vo4p4/3/edit

💖 💪 🙅 🚩
karkranikhil
Nikhil karkra

Posted on March 17, 2020

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related