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: 14 days 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.

• Host: GitHub
• URL: https://github.com/trace-kadenyi/crypto-metrics-webapp
• Owner: trace-kadenyi
• Created: 2022-08-29T10:41:47.000Z (over 2 years ago)
• Default Branch: dev
• Last Pushed: 2023-01-03T09:48:41.000Z (over 2 years ago)
• Last Synced: 2025-03-29T23:11:10.895Z (about 1 month ago)
• Topics: html-css-javascript, netlify, react-redux, react-router, reactjs, redux, reduxthunk, reduxtoolkit
• Language: JavaScript
• Homepage: https://papaya-sunburst-a9d343.netlify.app/
• Size: 1.92 MB
• Stars: 6
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

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!