Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/debas-31/metrics-webapp
A web application that checks a list of metrics created the data fetched from a COVID-19 API for countries in North America. This project applies best practices using React/Redux library and is fully responsive.
https://github.com/debas-31/metrics-webapp
css3 html5 javascript netlify react redux
Last synced: about 1 month ago
JSON representation
A web application that checks a list of metrics created the data fetched from a COVID-19 API for countries in North America. This project applies best practices using React/Redux library and is fully responsive.
- Host: GitHub
- URL: https://github.com/debas-31/metrics-webapp
- Owner: Debas-31
- Created: 2022-01-31T08:14:52.000Z (about 3 years ago)
- Default Branch: dev
- Last Pushed: 2022-02-03T21:04:11.000Z (about 3 years ago)
- Last Synced: 2023-03-04T02:08:06.521Z (almost 2 years ago)
- Topics: css3, html5, javascript, netlify, react, redux
- Language: JavaScript
- Homepage:
- Size: 2.08 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Covid-Metric-App
> A web application that checks a list of metrics created the data fetched from a covid 19 API for countries in North America.This project applies HTML, CSS, and JavaScript best practices using React/Redux library and is fully responsive.
## ScreenShoot
### Home Page
> 
### Detail page
>
## Built With
- HTML
- CSS
- JavaScript
- React
- Redux
## Project documentation
>[Loom Video](https://loom.com/share/ebe8091ffee842d38ef7e2b62f037989)
>Deploying using [Netlify](https://covid-19-metrics-webapp.netlify.app/)
## Getting Started
To get a local copy up and running follow these simple example steps.
### Prerequisites
- Node and NPM
- Web browser (Google chrome)
- Code Editor (VSCode)
### Development (Running locally)
- git clone the project
```bash
git clone [email protected]:Debas-31/metrics-webapp
```
- Install Dependencies
```bash
npm install
```
- To run StyleLint by itself, you may run the lint task:
```bash
npx stylelint "**/*.{css,scss}"
```
- Automatically fix issues found (where possible):
```bash
npx stylelint "**/*.{css,scss}" --fix
```
- To fix automatically javaScript issues found
```bash
npx eslint . --fix
```
- Finally, start your development server by running:
```bash
npm start
```
👤 **Debas Gebreslasie**
- [GitHub](https://github.com/Debas-31)
- [Twitter](https://twitter.com/DEBSH76956492)
- [LinkedIn](https://www.linkedin.com/in/debas-gebrengus)
## 🤝 Contributing
Contributions, issues and feature requests are welcome!
Feel free to check the [issues page](https://github.com/Debas-31/metrics-webapp/issues).
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- Inspiration Original design idea by [Nelson Sakwa on Behance](https://www.behance.net/gallery/31579789/Ballhead-App-%28Free-PSDs%29)
- React Community
## 📝 License
[MIT licensed](https://github.com/Debas-31/metrics-webapp/blob/dev/MIT.md).