Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/anas599/crypto-price
Crypto Prices is a React.js and Redux web application that displays real-time market prices of cryptocurrencies fetched from the Coin Gecko API. Features include price history, currency conversion, and a user-friendly interface
https://github.com/anas599/crypto-price
api cryptocurrency react redux-thunk redux-toolkit
Last synced: about 1 month ago
JSON representation
Crypto Prices is a React.js and Redux web application that displays real-time market prices of cryptocurrencies fetched from the Coin Gecko API. Features include price history, currency conversion, and a user-friendly interface
- Host: GitHub
- URL: https://github.com/anas599/crypto-price
- Owner: anas599
- License: mit
- Created: 2023-03-11T10:27:11.000Z (almost 2 years ago)
- Default Branch: dev
- Last Pushed: 2023-07-04T13:20:24.000Z (over 1 year ago)
- Last Synced: 2024-10-27T16:57:08.699Z (3 months ago)
- Topics: api, cryptocurrency, react, redux-thunk, redux-toolkit
- Language: JavaScript
- Homepage: https://crypto-prices-reactjs.netlify.app/
- Size: 1.84 MB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
![Logo](./src/assets/favicon.ico)
## Screenshots
### ScreenShot
![App Screenshot](./src/assets/ScreenshotHome.png)
### ScreenShot
![App Screenshot](./src/assets/ScreenshotBTC.png)
### ScreenShot
![App Screenshot](./src/assets/ScreenshotETH.png)# 📗 Table of Contents
- [📗 Table of Contents](#-table-of-contents)
- [📖 Crypto Price ](#about-project)
- [🛠 Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [🚀 Live Demo ](#-live-demo-)
- [💻 Crypto Price ](#about-project)
- [💻 Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#deployment)
- [👥 Authors ](#-authors-)
- [🔭 Future Features ](#-future-features-)
- [🤝 Contributing ](#-contributing-)
- [⭐️ Show your support ](#️-show-your-support-)
- [🙏 Acknowledgments ](#-acknowledgments-)
- [📝 License ](#-license-)> Crypto Prices is a React.js and Redux web application that displays real-time market prices of cryptocurrencies fetched from the Coin Gecko API. Features include price history, currency conversion, and a user-friendly interface
> This project uses the following stack :
Client
Server
> Here are some key features of the application :
- **Display Top 100 Crypto**
- **Display Price in USD**
- **Display Low and High in last 24H**
- **Total Supply Circulating supply...etc**
> Here you can visit my live demo :
- [Click Here](https://crypto-prices-reactjs.netlify.app/)
> Here you can see my presentation :
- [Click Here](https://www.loom.com/share/d29a0b3f4c214c37a68ad9f69ea99fea)
> Clone the repository by clicking on the 'Code' button and copy the link
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
You should have node install on your local machine
### Setup
Clone this repository to your desired folder:
Example commands:
```sh
cd my-folder
git clone [email protected]:anas599/crypto-price.git
```
-
### Install
Install dependencies :
npm i
### Usage
To run the project, execute the following command:
Open the index.html file in a web browser
### Run tests
To run tests, run the following command:
```sh
npm run test
```
To run the stylehint linters
```sh
npx stylehint "**/*.{css,scss}"
```
To run the ESLint linter
```sh
npx eslint "**/*.{js,jsx}"
```
### Deployment
You can deploy this project using:
```sh
npm run build
```
```sh
npm run start
```
👤 **Anas Sufyan**
- GitHub: [@anas599](https://github.com/anas599)
- Twitter: [@anas599](https://twitter.com/anas599)
- LinkedIn: [anas1993](https://linkedin.com/in/anas1993)
- **Preserve the user data**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
If you like this project please star it!
I would like to thank the Microverse team.
The design used in this project was created by Nelson Sakwa on Behance and is licensed under the Creative Commons Attribution Attribution-NonCommercial 4.0 International (CC BY-NC 4.0) license.
This project is [licensed](./LICENSE) .