https://github.com/kanzatahreem/cryptonex
Cryptonex is a single page web app that fetches data from CoinGecko API. The app allows users to get the list and details of top 100 cryptocurrencies. It also displays the global data and the trending currencies in past 24h.
https://github.com/kanzatahreem/cryptonex
coingecko-api jest-snapshots react react-testing-library redux
Last synced: 2 days ago
JSON representation
Cryptonex is a single page web app that fetches data from CoinGecko API. The app allows users to get the list and details of top 100 cryptocurrencies. It also displays the global data and the trending currencies in past 24h.
- Host: GitHub
- URL: https://github.com/kanzatahreem/cryptonex
- Owner: KanzaTahreem
- License: mit
- Created: 2022-11-21T21:35:06.000Z (over 2 years ago)
- Default Branch: dev
- Last Pushed: 2023-05-16T18:18:08.000Z (about 2 years ago)
- Last Synced: 2025-06-08T14:42:24.822Z (22 days ago)
- Topics: coingecko-api, jest-snapshots, react, react-testing-library, redux
- Language: JavaScript
- Homepage: https://cryptonex-sigma.vercel.app
- Size: 9.6 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 📗 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](#deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
**Cryptonex** is a single page web app that fetches data from [CoinGecko API](https://www.coingecko.com/en/api/documentation). The app includes the top _100_ cryptocurrencies, and the details of each currency. It allows user to filter the coins and navigate to details page by clicking on the selected currency.
Client
### Key Features
- **The app displays the global data and the trending currencies in last 24h**
- **The web app shows the top 100 cryptocurrencies and their data**
- **Users can search for a particular cryptocurrency**
- **Users can view the details of the selected currency**
- [Live Demo](https://cryptonex-sigma.vercel.app/)
- [Loom Video Pesentation](https://www.loom.com/share/b75aeada007d478bac3e2bf311105a51)
## 💻 Getting Started with React App
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
```
git
node.js
Wbpack
JavaScript
```
### Setup
Clone this repository to your desired folder:
```
cd Cryptonex
git clone [email protected]:KanzaTahreem/Cryptonex.git
```
### Install
Install this project with:
```
npm install
```
### Usage
To run the project, execute the following command:
```
npm start
```
### Run tests
To run tests, run the following command:
```
npm test
```
### Deployment
You can deploy this project using:
```
npm run deploy
```
- GitHub: [@KanzaTahreem](https://github.com/KanzaTahreem)
- Twitter: [@kanza_tahreem](https://twitter.com/kanza_tahreem)
- LinkedIn: [Kanza Tahreem](https://www.linkedin.com/in/kanza-tahreem/)
- **About Page**
- **Exchange Rate**
- **Available Markets**
- **Filter by Category**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/KanzaTahreem/Cryptonex/issues).
If you like this project, please give this project a star ✨
I would like to thank Nelson Sakwa on Behance for the [Original design idea](https://www.behance.net/sakwadesignstudio).
This project is [MIT](./LICENSE) licensed.