DEV Community

Nikhil karkra
Nikhil karkra

Posted on

6 2

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

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more

Top comments (1)

Collapse
 
lucasfrutig0 profile image
lucasfrutig0

Nice but data isn't update

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more