https://github.com/natig25/covid-detector
This is a web application that'll display the live total number of COVID-19 cases around the world. Build with React.
https://github.com/natig25/covid-detector
css3 javascript netlify reactjs redux redux-thunk rest-api router
Last synced: 20 days ago
JSON representation
This is a web application that'll display the live total number of COVID-19 cases around the world. Build with React.
- Host: GitHub
- URL: https://github.com/natig25/covid-detector
- Owner: NatiG25
- License: mit
- Created: 2022-06-27T17:19:15.000Z (almost 3 years ago)
- Default Branch: dev
- Last Pushed: 2023-03-26T20:00:37.000Z (about 2 years ago)
- Last Synced: 2025-05-14T08:18:31.639Z (20 days ago)
- Topics: css3, javascript, netlify, reactjs, redux, redux-thunk, rest-api, router
- Language: JavaScript
- Homepage:
- Size: 593 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Metrics-webApp
> This is a web application that'll display the live total number of COVID-19 cases around the world. The users can quickly search for any specific country of their choosing.
## Mockup
This design was inspired by Nelson Sakwa, in association with the Creative Commons license.
## Built With
- HTML
- CSS
- JavaScript
- React JS
- Redux
- 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)
## Getting Started
To get a local copy up and running follow these simple example steps.
- copy this link [email protected]:NatiG25/Metrics-webApp.git
- get the directory that you want to clone the repository.
- open the command prompt in this directory.
- write git clone [email protected]:NatiG25/Metrics-webApp.git
- go to the repository folder in your command prompt cd Metrics-webApp
- use npm install to install the dependencies.
- use npm start to start live server.
## 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
- Basic knowledge in JS and React JS
### Setup
- Clone the git repo using this command: git clone [email protected]:NatiG25/Metrics-webApp.git
### Run tests
- npx hint . : To test html codes
- npx stylelint "/*.{css,scss}"** : To test css code
- npx eslint . : To test Eslint Report
### To test the application
- npm install --save-dev jest
- npm test
## Live Demo
- [Live link](https://62c0520991bd054aae5730d6--covid19-globally.netlify.app/)
## Author
- GitHub: [@NatiG25](https://github.com/NatiG25)
- Twitter: [@NatiG255](https://twitter.com/NatiG255)
- LinkedIn: [LinkedIn](http://linkedin.com/in/natigebregorgis)
## Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
## Show your support
Give a star if you like this project!
## Acknowledgments
- Microverse linters
- Coding partners
- Nelson Sakwa
## 📝 License
This project is [MIT](./LICENSE) licensed.