https://github.com/andersonlebon/situation-updates-on-covid-19and--casestracker

The Covid-19 Tracking Project collects information from different data sources to provide comprehensive data for the novel coronavirus, and You can filter them by continent or by country.
https://github.com/andersonlebon/situation-updates-on-covid-19and--casestracker

api covid-19 reactjs redux redux-toolkit sass

Last synced: 4 months ago
JSON representation

The Covid-19 Tracking Project collects information from different data sources to provide comprehensive data for the novel coronavirus, and You can filter them by continent or by country.

• Host: GitHub
• URL: https://github.com/andersonlebon/situation-updates-on-covid-19and--casestracker
• Owner: andersonlebon
• Created: 2021-10-03T13:31:37.000Z (over 3 years ago)
• Default Branch: dev
• Last Pushed: 2021-10-03T20:30:17.000Z (over 3 years ago)
• Last Synced: 2023-03-03T23:23:39.352Z (about 2 years ago)
• Topics: api, covid-19, reactjs, redux, redux-toolkit, sass
• Language: JavaScript
• Homepage:
• Size: 880 KB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Situation-updates-on-COVID-19and--casesTracker

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

# Description

> The Covid-19 Tracking Project collects information from different data sources to provide comprehensive data for the novel coronavirus, and You can filter them by continent or by country.

|   | Filtered by continent | Filtered by country |   |

| - | --------------------- | ------------------- | - |

|  | ![localhost_3000_ (5)](https://user-images.githubusercontent.com/65068771/135767538-7ce69555-57bf-4859-b7ff-c00c27c11387.png) | ![localhost_3000_ (6)](https://user-images.githubusercontent.com/65068771/135767577-46a43381-54e5-4cef-8e08-751d42633143.png) |   |

## [Demo Video](https://www.loom.com/share/9006b475d2c746ef92b1797cdb5c2b22)

## Built With

This project is build with:

- ![HTML5](https://img.shields.io/badge/-HTML5-000000?style=flat&logo=html5&logoColor=ffffff&labelColor=E34F26), ![CSS3](https://img.shields.io/badge/-CSS3-000000?style=flat&logo=css3&logoColor=ffffff&labelColor=1572B6), ![Sass](https://img.shields.io/badge/-Sass-000000?style=flat&logo=sass&logoColor=ffffff&labelColor=%23CC6699)

- ![JavaScript](https://img.shields.io/badge/-JavaScript-000000?style=flat&logo=javascript)

- ![React](https://img.shields.io/badge/-React-000000?style=flat&logo=react)

- ![Bootstrap](https://img.shields.io/badge/-Bootstrap-000000?style=flat&logo=bootstrap&logoColor=ffffff&labelColor=563D7C)

- redux

## Getting Started

To get the content of this project locally you need to run this command in your terminal:

- `git clone [email protected]:andersonlebon/Situation-updates-on-COVID-19and--casesTracker.git`

- `cd Situation-updates-on-COVID-19and--casesTrackerr`

- `npm install`

- then Use `npm start` to run the app in live server

## Test

For tracking linter errors locally you need to follow these steps:

- After cloning the project you need to run this command

  > `npm install`

  > This command will download all the dependancies of the project

- For tracking the linter errors in HTML file run:

  > `npx hint .`

- For tracking the linter errors in CSS file run:

  > `npx stylelint "\*_/_.{css,scss}"`

- And For tracking the linter errors in JavaScript file run:

  > `npx eslint .`

- Use `npm run build` to run the app in live server

## Author

👤 **Anderson Caleb**

- GitHub: [@Adersonlebon](https://github.com/andersonlebon)

- Twitter: [@BuyananaCaleb](https://twitter.com/BuyananaCaleb)

- LinkedIn: [Anderson Caleb](https://www.linkedin.com/in/andersonlebon/)

## :handshake: Contributing

Feel free to check the [issues page](https://github.com/andersonlebon/Situation-updates-on-COVID-19and--casesTracker/issues)

## Show your support

Give a :star: if you like this project!

## Acknowledgments

- Thanks to everyone who will get time to check this code especially to code reviewers.

- origin design provided by [Nelson Sakwa on Behance](https://www.behance.net/sakwadesignstudio)

- Api Provided by [Covid-19-API](https://github.com/M-Media-Group/Covid-19-API) and [NASA spaceAppChallenge](https://2021.spaceappschallenge.org/challenges/statements/covid-19-calculate-the-risk/details)