Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/adarachel/metrics-react-capstone
This is a mobile web application to check a list of metrics (numeric values) created using React and Redux.
https://github.com/adarachel/metrics-react-capstone
Last synced: about 1 month ago
JSON representation
This is a mobile web application to check a list of metrics (numeric values) created using React and Redux.
- Host: GitHub
- URL: https://github.com/adarachel/metrics-react-capstone
- Owner: adarachel
- License: mit
- Created: 2023-05-04T08:18:11.000Z (over 1 year ago)
- Default Branch: dev
- Last Pushed: 2023-05-05T16:27:28.000Z (over 1 year ago)
- Last Synced: 2023-10-17T21:29:00.164Z (about 1 year ago)
- Language: JavaScript
- Homepage: https://adarachelmetricswebapp.netlify.app/
- Size: 652 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [💻 Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Deployment](#deployment)
- [Usage](#usage)
- [Run Tests](#runtests)
- [Live](#live)
- [Loom Video](#loom)
- [Screenshots](#screenshots)
- [👥 Authors](#authors)
- [🔭 Future Features](#features)
- [🤝 Contribution](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
**Metrics WebApp** is a website to implement as follows:
- Use React documentation
- Use React components
- Use React props
- Use React Router
- Connect React and Redux
- Handle events in a React app
- Write unit tests with React Testing Library
- Use styles in a React app
- Use React hooks
- Apply React best practices and language style guides in code
- Use store, actions and reducers in React
- Perform a code review for a team member
- Live Link: [adarachelmetricswebapp.netlify.app](https://adarachelmetricswebapp.netlify.app/)
- Loom Video Link: [adarachel's loom video](https://www.loom.com/share/cdb405d8c2234f37a82a2f8a7e1c3d48)
### Tech Stack
This is to practice React
- **Styling**
- **Redux**
- **Fetch data from API**
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
- Code editor like Visual Studio Code
### Setup
Clone this repository to your desired folder:
```sh
cd your-folder
git clone https://github.com/adarachel/metrics-react-capstone.git
```
### Install
Install this project with:
- npm install
- npm run build
### Deployment
You can deploy this project using:
- npm run build
### Usage
- npm run start
- npm test
### 👤 Ada Rachel
- GitHub: [@githubhandle](https://github.com/adarachel)
- Twitter: [@twitterhandle](https://twitter.com/adarachel_dev)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/adarachel/)
- Add more functionalities
- Update UI
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
If you like this project, please consider a star on GitHub!
I would like to thank:
- Microverse for the opportunity to dream big.
- [Nelson Sakwa at Behance](https://www.behance.net/sakwadesignstudio) for creating this beautiful [App design](https://www.behance.net/gallery/31579789/Ballhead-App-(Free-PSDs)).
- [Alejandro Matos](https://gitlab.com/amatos) for [REST Countries API](https://restcountries.com/#license).
- [OpenWeather](https://openweathermap.org) for [Air Pollution API](https://openweathermap.org/api/air-pollution)
This project is [MIT](./LICENSE) licensed.