https://github.com/c00p75/metrics-webapp

This project is a React capstone project for Microverse. It is a mobile web application to check a list of metrics (numeric values) retrieved from a selected API.
https://github.com/c00p75/metrics-webapp

bootstrap5 html-css-javascript jest reactjs

Last synced: 2 days ago
JSON representation

This project is a React capstone project for Microverse. It is a mobile web application to check a list of metrics (numeric values) retrieved from a selected API.

• Host: GitHub
• URL: https://github.com/c00p75/metrics-webapp
• Owner: c00p75
• License: mit
• Created: 2023-04-20T08:12:30.000Z (over 1 year ago)
• Default Branch: dev
• Last Pushed: 2023-08-09T18:17:35.000Z (over 1 year ago)
• Last Synced: 2024-05-17T15:33:50.907Z (8 months ago)
• Topics: bootstrap5, html-css-javascript, jest, reactjs
• Language: JavaScript
• Homepage: https://metrics-web-app.onrender.com/
• Size: 3.84 MB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  
Metrics webapp




# 📗 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](#triangular_flag_on_post-deployment)

- [👥 Authors](#authors)

- [🔭 Future Features](#future-features)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [📝 License](#license)

## About the Project

> This project is a React capstone project for Microverse. It is a mobile web application to check a list of metrics (numeric values) retrieved from a selected API.

## Built With

- HTML

- Bootstrap 5

- JavaScript

- React

- Redux

- Jest

- API

### Key Features

- Fetching and displaying country data from API

- Filter out country category based on desired parameters.

## Live Demo

[Live Demo](https://metrics-web-app.onrender.com)

### Link to Project Presentation

[Project Presentation](https://www.loom.com/share/953a45918bf14b54a4c6aeee55bdc40d)

## Getting Started

### Setup

Clone this repository to your desired folder:

```sh

  cd your-prefer-folder

  git clone https://github.com/c00p75/Metrics-WebApp.git

```

### Run this command to install dependencies

> npm install

### Run this command to run server

> npm start

### Run this command to run test

> npm run test

## 👥 Authors 

👤 **George M'sapenda**

- GitHub: [c00p75](https://github.com/c00p75)

- LinkedIn: [George M'sapenda](https://www.linkedin.com/in/georgemsapenda)

## 🔭 Future Features

- Follow stats for a specific country.

- Get live notifications for updated country information.

## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/microverseinc/curriculum-react-redux/issues).

## Show your support

Give a ⭐️ if you like this project!

## 🙏 Acknowledgments

- Microverse

- Original design idea by [Nelson Sakwa on Behance](https://www.behance.net/sakwadesignstudio)

## 📝 License

This project is [MIT](./MIT.md) licensed.