Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/trace-kadenyi/crypto-metrics-webapp

A single-page web app that fetches the latest cryptocurrency data from an API. The web app contains information on 100 cryptocurrencies ranked from 1-100. The details of each cryptocurrency are provided on an alternate route/page from rank to daily changes among other data.
https://github.com/trace-kadenyi/crypto-metrics-webapp

html-css-javascript netlify react-redux react-router reactjs redux reduxthunk reduxtoolkit

Last synced: about 1 month ago
JSON representation

A single-page web app that fetches the latest cryptocurrency data from an API. The web app contains information on 100 cryptocurrencies ranked from 1-100. The details of each cryptocurrency are provided on an alternate route/page from rank to daily changes among other data.

Awesome Lists containing this project

README

        

![](https://img.shields.io/badge/Microverse-blueviolet)

# Project Name: Crypto metrics webapp

> Description of the project: A web application for that provides regularly updated data on cryptocurrency. The data is fetched from a reliable API and registers the daily and weekly changes in various metrics.

## Built With

- Major languages: HTML | CSS | JavaScript
- Library/Framework: Reactjs | Redux | Jest

## PREVIEW

![mobile_version-crypto-removebg-preview](https://user-images.githubusercontent.com/40690789/190009851-a23125d6-4bc3-41e4-8a09-14e7ff2ff18b.png)
![details-mobile-removebg-preview](https://user-images.githubusercontent.com/40690789/190009880-2bbe7f2f-490b-4d73-b76f-d64f8f81d1fb.png)

![desktop-view-crypto](https://user-images.githubusercontent.com/40690789/190009946-6dd5c354-3149-4bb9-854c-176a8bcd7f4b.png)

![details-desktop-crypto](https://user-images.githubusercontent.com/40690789/190009969-27da0d76-2678-4264-9beb-85743a3bc1ba.png)

## Live Demo
- [CRYPTO METRICS WEBAPP LIVE](https://papaya-sunburst-a9d343.netlify.app/)

## Getting started

#### Clone this repository

```bash
$ git clone https://github.com/TracK92/crypto-metrics-webapp.git
```

#### cd into directory
```
$ cd /crypto-metrics-webapp/
```

#### install dependencies
``` run
$ npm i
```
#### run project
```
$ npm start
```

## Authors

👤 **Tracey Kadenyi**

- GitHub: [@TracK92](https://github.com/TracK92)
- LinkedIn: [Tracey Kadenyi](https://www.linkedin.com/in/tracey-kadenyi/)

👤
## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

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

## Acknowledgement

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

## Show your support

Give a ⭐️ if you like this project!