Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sonickmumba/metrics-webapp
"metrics-webapp" is a a covid 19 tracker web application that displays the number of Covid-19 cases from different data sources in a particular continent. It's build from covid19 API using React. The web application design follows the design by Nelson Sakwa on Behance.
https://github.com/sonickmumba/metrics-webapp
react
Last synced: 17 days ago
JSON representation
"metrics-webapp" is a a covid 19 tracker web application that displays the number of Covid-19 cases from different data sources in a particular continent. It's build from covid19 API using React. The web application design follows the design by Nelson Sakwa on Behance.
- Host: GitHub
- URL: https://github.com/sonickmumba/metrics-webapp
- Owner: Sonickmumba
- Created: 2022-10-18T05:38:30.000Z (about 2 years ago)
- Default Branch: development
- Last Pushed: 2022-10-29T21:19:52.000Z (about 2 years ago)
- Last Synced: 2024-10-10T09:42:11.226Z (about 1 month ago)
- Topics: react
- Language: JavaScript
- Homepage:
- Size: 10.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Capstone Project: Metric Webapp
> "metrics-webapp" is a a covid 19 tracker web application that displays the number of Covid-19 cases from different data sources in a particular continent. It's build from covid19 API using React. The web application design follows the design by [Nelson Sakwa on Behance](https://www.behance.net/sakwadesignstudio).
## Built With ⚙️
- **Major languages**: HTML, CSS, & JavaScript.
- **Frameworks**: React and Redux
- **Linters**: Lighthouse, Webhint, Stylelint and ESLint.
- **Technologies used**: NPM, Webpack, & Jest Library.
- **Tools**: Git, Gitflow, GitHub, VS Code, & Chrome Browser.
## Live Demo (Deployed on GitHub Pages with SSL)
[Live Demo Link](https://steady-blancmange-ce1d6f.netlify.app/)
## Video Presentation
[Live video](https://drive.google.com/file/d/1MiA2uKzukYRjIkBzvVezyT6UYjImgXI-/view?usp=sharing)
## Getting Started
To get a local copy up and running follow these simple example steps.
### Prerequisites
- [x] Basic knowledge of **React**.
- [x] Basic knowledge of **redux**.
- [x] Basic Knowledge of **HTML**, **CSS**, & **JavaScript**.
- [x] Basic knowledge of **ES6** syntax.
- [x] Basic knowledge of **Git**, **GitHub** &**Gitflow**.
- [x] Basic knowledge of **Linters**.
- [x] Basic knowledge of **Webpack**.
- [x] Basic knowledge of **Jest** unit-testing library.
- [x] Basic knowledge of **VS Code** or any other code-editors.
### Setup
- Create a new **Microverse** folder and move into it.
- Open the **Command Prompt (CMD)** in the current directory (Microverse Folder).
- Run the following command:
```
$ [email protected]:Sonickmumba/metrics-webapp.git
```
- Once finished you should see a new folder called ** metrics-webapp ** in your current directory.
- cd into the folder and run the following commands:
```
$ npm install
```
```
$ npm start
```
- Start customizing the project so it fits your personal preferences and needs.
- Enjoy your new professional **Smetrics-webapp** application!
### Run tests
To check for linters, use the files provided by [Microverse](https://github.com/microverseinc/linters-config). A GitHub action is also set to run during pull request.
### Deployment
For deployment you can use the **[GitHub Pages](https://pages.github.com/)**.
## Authors
👤 **Sonick Mumba ([Sonickmumba](https://github.com/Sonickmumba))**
- GitHub: [Sonickmumba](https://github.com/Sonickmumba)
- Twitter: [@Sonick](https://twitter.com/MumbaSonick)
- LinkedIn: [Sonick Mumba](https://www.linkedin.com/in/sonick-m-301557a2/)
## Show your support
Give a ⭐️ if you like this project!
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
## Acknowledgments
- [[Nelson Sakwa on Behance](https://www.behance.net/sakwadesignstudio) for the design
- [Microverse](https://www.microverse.org/)
- Code Reviewers & Coding Partners
- etc
## 📝 License
This project is [MIT](./LICENSE) licensed.
_NOTE: we recommend using the [MIT license](https://choosealicense.com/licenses/mit/) - you can set it up quickly by [using templates available on GitHub](https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/adding-a-license-to-a-repository). You can also use [any other license](https://choosealicense.com/licenses/) if you wish._