Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/munyabelden/reactcapstone

This is an application that retrieves data about every country and displays on the UI, clicking on any country will take you to a page that shows you the statistics of that country. Built with React.
https://github.com/munyabelden/reactcapstone

css3 jest-tests react react-router-dom redux redux-toolkit

Last synced: 17 days ago
JSON representation

This is an application that retrieves data about every country and displays on the UI, clicking on any country will take you to a page that shows you the statistics of that country. Built with React.

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)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [❓ FAQ (OPTIONAL)](#faq)
- [📝 License](#license)

# 📖 Metrics Webapp

**Metrics Webapp** is an application that retrieves data about every country and displays on the UI, clicking on any country will take you to a page that shows you the statistics of that country. Built with React.

## 🛠 Built With

- [ ] React
- [ ] Redux
- [ ] Jest
### Tech Stack

Client

### Key Features

- **Redux Store**
- **Jest**

(back to top)

## 🚀 Live Demo

- [Live Demo Link](https://metrics-webapp-yzau.onrender.com/)
- [Video Link](https://drive.google.com/file/d/1j2NQeAcg8hVPNYFXfnOi8jHPIny9uc7Q/view?usp=share_link)

(back to top)

## 💻 Getting Started

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

### Prerequisites

In order to run this project you need:

-[ ] Nodejs
-[ ] Code Editor(Vs Code)

### Setup

Clone this repository to your desired folder:

-[ ] [SSH](https://github.com/Munyabelden/ReactCapstone.git)

### Install

Install this project with:

-[ ] nodejs
### Usage

To run the project, execute the following command:

-[ ] npm install
-[ ] npm start

### Run tests

To run tests, run the following command:

-[ ] npm test
### Deployment

You can deploy this project using:

-[ ] Render or any other hosting services

(back to top)


## 👥 Authors

👤 **Belden Mugauri**

- GitHub: [@githubhandle](https://github.com/Munyabelden/)
- Twitter: [@twitterhandle](https://twitter.com/munyaradzi045)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/munyaradzi-mugauri-828a7b24a/)

**Nelson Sakwa**

- Behance: [@behance](https://www.behance.net/sakwadesignstudio)

(back to top)

## 🔭 Future Features

- [ ] **If I can create more page i.e filter by region**

(back to top)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/Munyabelden/ReactCapstone/issues).

(back to top)

## ⭐️ Show your support

If you like this project leave a star.

(back to top)

## 🙏 Acknowledgments

I would like to thank Nelson Sakwa on Behance for the original design idea.

(back to top)

(back to top)


## 📝 License

This project is [MIT](https://github.com/Munyabelden/ReactCapstone/blob/main/LICENSE) licensed.

(back to top)