Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/kidd254/metrics-webapp-react-redux

The Metrics web app displays all countries when the page renders. A user can filter countries by continent name. A user can view details of each country by clicking any individual country.
https://github.com/kidd254/metrics-webapp-react-redux

api css3 html5 reactjs redux tailwind-css

Last synced: 27 days ago
JSON representation

The Metrics web app displays all countries when the page renders. A user can filter countries by continent name. A user can view details of each country by clicking any individual country.

Host: GitHub
URL: https://github.com/kidd254/metrics-webapp-react-redux
Owner: Kidd254
License: mit
Created: 2023-07-30T16:01:31.000Z (over 1 year ago)
Default Branch: dev
Last Pushed: 2024-03-12T17:39:04.000Z (8 months ago)
Last Synced: 2024-03-12T18:52:50.599Z (8 months ago)
Topics: api, css3, html5, reactjs, redux, tailwind-css
Language: JavaScript
Homepage: https://metrics-webapp-4iuc.onrender.com/
Size: 287 KB
Stars: 2
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        



# 📗 Table of Contents

## 📑 Table of Contents

- [📊 WebMatrics ](#-WebMatrics-)

  - [🛠 Built With ](#-built-with-)

    - [🧰 Tech Stack ](#-tech-stack-)

    - [💎 Key Features ](#-key-features-)

  - [🚀 Live Demo ](#-live-demo-)

  - [💻 Getting Started ](#-getting-started-)

    - [Prerequisites](#prerequisites)

    - [Setup](#setup)

    - [Install](#install)

    - [Usage](#usage)

    - [Deployment](#deployment)

  - [📧 Contact ](#-contact-)

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

  - [🤝 Contributing ](#-contributing-)

  - [💖 Show your support ](#-show-your-support-)

  - [🙏 Acknowledgments ](#-acknowledgments-)

  - [📝 License ](#-license-)

# 📊 WebMatrics 

A web-based application to understand about the basics of React - Redux 

## 🛠 Built With 

### 🧰 Tech Stack 

- ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

- ![Redux](https://img.shields.io/badge/redux-%23593d88.svg?style=for-the-badge&logo=redux&logoColor=white)

- ![React Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white)

- ![Render](https://img.shields.io/badge/Render-%46E3B7.svg?style=for-the-badge&logo=render&logoColor=white)

### 💎 Key Features 

- Generate a comprehensive Folder Structure for React App 💻

- Understand the concept of setting up a project with redux 📈

- Beautifully designed and easy-to-use 🎨

- Continuous Monitoring 📸

- Development Tools : Auto refresh and Hot Reload 🔗

(back to top)


## 🚀 Live Demo 

- See it live by clicking [Live Demo Link](https://metrics-webapp-4iuc.onrender.com/)

- A link to presentation [here](https://drive.google.com/file/d/1B8sXGb8I_qq4F46wvkyZyPri1wWfhSzj/view?usp=drive_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 [Node.js](https://nodejs.org/en/) installed on your machine.

### Setup

Clone this repository to your desired folder:

```sh

  cd my-project

  git clone https://github.com/Kidd254/Metrics-WebApp-React-Redux.git

```

### Install

Install the dependencies with:

```sh

  npm install

```

### Usage

To run the project, execute the following command:

```sh

  npm start

```

### Deployment

You can deploy this project using:

```sh

  npm run build

```

This will create a production-ready build of your website in `build/` folder, which you can use to deploy on a static site server.

(back to top)


## 📧 Contact 

I am always looking for ways to improve my project. If you have any suggestions or ideas, I would love to hear from you.

[![Github](https://img.shields.io/badge/GitHub-673AB7?style=for-the-badge&logo=github&logoColor=white)](https://github.com/Kidd254)

[![Twitter](https://img.shields.io/badge/Twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)](https://twitter.com/lawrenc98789206)

[![Linkedin](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/lawrence-muema-kioko)

[![Gmail](https://img.shields.io/badge/Gmail-D14836?style=for-the-badge&logo=gmail&logoColor=white)](mailto:[email protected])

(back to top)


## 🔭 Future Features 

- [x] **Desktop User Interface**

(back to top)


## 📧 Authors 

***[Lawrence Muema Kioko](https://github.com/Kidd254)***

## 🤝 Contributing 

I welcome any and all contributions to my website! If you have an idea for a new feature or have found a bug, please open an issue or submit a pull request.

Feel free to check the [issues page](../../issues/).

(back to top)


## 💖 Show your support 

If you like this project, please consider giving it a ⭐.

(back to top)


## 🙏 Acknowledgments 

### Design Credit to 

 - Author :  [Nelson Sakwa](https://www.behance.net/sakwadesignstudio) 

(back to top)


## 📝 License 

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

(back to top)