Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kingsleyibe/metrics-webapp


https://github.com/kingsleyibe/metrics-webapp

Last synced: 19 days ago
JSON representation

Awesome Lists containing this project

README

        

![](https://img.shields.io/badge/Microverse-blueviolet)

# COVID-19 METRICS WEBAPP

>This web application get covid-19 data of different countries. User can filter search by country name, then click on the country to get full details.

![Screenshot](/src/images/screenShot.jpeg)

## BUILT WITH

-- Basic Language - JavaScript
- Framework - React
- Other technologies/tools:

``` create-react-app
> create-react-app
> webpack for bundling files
> Babel for code transpiling
> Git for version control
> Eslint for JavaScript linting
> Stylelint for style linting
> Jest for testing
> Space-X API
```

## Live Demo

[Live Demo Link](https://kingsleyibe.github.io/metrics-webapp/)

[Live Video Demo](https://www.loom.com/share/2fa09b1b58c7473f9faa4594fc6edcb6)

## Getting Started

To get a local copy up and running follow these simple example steps.

1. Clone the repository using

```
git clone https://github.com/KingsleyIbe/metrics-webapp.git
```

2. cd into the cloned repository

```
cd metrics-webapp
```

3. You now have the access to the files on your local machine!

#### Optional steps

Install the node_modules/ folder to be able to locally run the linter commands. Run:

```
npm install
```

To check Stylelint linter errors run:

```
npx stylelint "**/*.scss"
```

To check ESLint errors run:

```
npx eslint .
```

## 👤 **Author**

- GitHub: [@Kingsleyibe](https://github.com/kingsleyibe)
- Twitter: [@ibekingsley2](https://twitter.com/ibekingsley2)
- LinkedIn: [Kingsley Ibe](https://www.linkedin.com/in/kingsley-ibe-5669a5134/)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/KingsleyIbe/metrics-webapp/issues).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgement

[Original Design by Nelson Sakwa on behance](https://www.behance.net/sakwadesignstudio)

## 📝 License

This project is [MIT](./MIT.md) licensed.