https://github.com/nabilhy/covid-stats

Covid is a web application that gets live data on COVID 19, It contains two pages the first one contains a list of all the countries with the current number of comfirmed covid cases , when you click on any country it updates you with the current covid situation and stats for that country.
https://github.com/nabilhy/covid-stats

api javascript react redux

Last synced: 28 days ago
JSON representation

Covid is a web application that gets live data on COVID 19, It contains two pages the first one contains a list of all the countries with the current number of comfirmed covid cases , when you click on any country it updates you with the current covid situation and stats for that country.

• Host: GitHub
• URL: https://github.com/nabilhy/covid-stats
• Owner: NabilHY
• Created: 2022-06-26T20:59:25.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-06-30T14:17:08.000Z (over 2 years ago)
• Last Synced: 2023-03-04T01:48:59.632Z (almost 2 years ago)
• Topics: api, javascript, react, redux
• Language: JavaScript
• Homepage: https://endearing-licorice-5a78c7.netlify.app
• Size: 1.47 MB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

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

# Covid-stats

> Covid is a web application that gets live data on COVID 19, It contains two pages the first one contains a list of all the countries with the current number of comfirmed covid cases , when you click on any country it updates you with the current covid situation and stats for that country.

## Built With

- Javascript-CSS

- React - Redux

- npm

## Live Demo (if available)

[Live Demo Link](https://endearing-licorice-5a78c7.netlify.app)

## Video Presentation

[Link to loom video](https://www.loom.com/share/bfbd1692568e4af99d8e9ed9e0b8bb5c)

## Screenshots

![screenshot](./screenshot/Screenshot%202022-06-30%20094138.png)

![screenshot](./screenshot/Screenshot%202022-06-30%20094221.png)

### Prerequisites

- Have a working and updated browser.

- Have a local version control like **git** install on your computer.

- Have an account and sign in on GitHub, as online/remote version control system.

- Download waves to check project accessibilty.

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

# Setup

- git clone https://github.com/NabilHY/covid-stats.git

### Install

- Lighthouse (An open-source, automated tool for improving the quality of web pages. It has audits for performance, accessibility, progressive web apps, SEO and more).

- Webhint (A customizable linting tool that helps you improve your site's accessibility, speed, cross-browser compatibility, and more by checking your code for best practices and common errors).

- Stylelint (A mighty, modern linter that helps you avoid errors and enforce conventions in your styles).

- ESlint (A mighty, modern linter that helps you avoid errors and enforce conventions in JavaScript codes)

### Usage

### Run tests

- **npx hint .** : To test html codes

- **npx stylelint "**/\*.{css,scss}"\*\* : To test css code

- **npx eslint .** : To test Eslint Report

- **npm run test** : To run the tests.

### Deployment

- Go to settings

- Click on pages

- Choose your source

- Choose folder

- choose a theme(optional)

- Enforce HTTPS

- And then save

## Authors

👤 **NabilHY**

- GitHub: https://github.com/NabilHY

- Twitter: https://twitter.com/NeoNabil2

- LinkedIn: https://www.linkedin.com/in/nabil-hayoun/

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- To Nice people in the Microverse community for their continious help and support

- To the BEHANCE template designer : [Nelson Sakwa on Behance](https://www.behance.net/sakwadesignstudio)

## 📝 License

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