COVID 19 Dashboard

screenshot of COVID 19 Dashboard
scss

COVID-19 spread and data dashboard built with Ignite UI for Angular

Overview

The COVID-19 Dashboard App is a versatile application designed to leverage the Ignite UI framework, providing a user-friendly interface to display crucial COVID-19 data. It is built using the Ignite UI CLI, making it a powerful tool for developers looking to create interactive and data-driven web applications with ease. The app allows you to run a development server, build the application, and even get step-by-step guidance for project setup, making it accessible for both beginners and experienced developers.

Features

  • Development Server: Quickly start a development server using the ig start command to build and open the app in your default web browser.
  • Custom Build Options: Easily build the application using ig build, or create a web bundle with npm run build, allowing for custom deployment configurations.
  • Step-by-Step Mode: Activate a guided experience for application setup and updates, making it straightforward to create new projects or modify existing ones.
  • Available Templates: Use the ig list command to view all available templates, helping you streamline the development process by choosing the most suitable options.
  • Component Addition: Simplify component integration by adding new components or templates directly to your project via the ig add <component/template> <component_name> command.
  • Unit Testing: Run unit tests effortlessly with ig test, which executes all .spec.ts files under the source folder to ensure optimal code quality.
  • End-to-End Testing: Ensure comprehensive testing with the ig test --e2e command, which runs all .e2e-spec.ts files for thorough application validation.
  • Angular CLI Compatibility: Benefit from compatibility with Angular CLI commands, enabling you to utilize familiar commands while working within the Ignite UI ecosystem.
scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.