CoinStats

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
    • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 Hello Microverse

CoinStats is a React/Redux SPA that fetches and renders data from the CoinGecko API. It allows users to see market data for each of the top 100 coins in the crypto Market and Features a Convertion Filter that alows you to see te value of each coin in different currencies, as well as converting different amounts (filter works in a two way fashion). To easily find a coin you are interested, use the search bar filter in the main page.

🛠 Built With

Tech Stack

Client

• HTML
• SCSS
• React
• Redux

Server

• render

Key Features

• Market data for:
  • Global Market Cap
  • 24hr Volume
  • Top 100 cryptocurrencies
• Main Market data for each of the Top 100 criptocurrencies
• Price convertion filter to multiple currencies for each of the Top 100 coins. Filter handles different amounts in both sides.

🚀 Live Demo

Live Demo Link

Presentation Video

(back to top)

💻 Getting Started

Want to build up from this project?

Prerequisites

In order to run this project you need:

• Have npm installed in your project: curl -qL https://www.npmjs.com/install.sh | sh

• Have Node.js installed. Run:

node -v

to check if you have Node installed and what vertion it is. If not, follow the steps in the official website.

Setup

Clone this repository to your desired folder:

git clone https://github.com/astroboyReloaded/CoinStats.git

or

git clone [email protected]:astroboyReloaded/CoinStats.git <-- Only if you have SSH keys configured on your GitHub account.

Install:

run the npm install command in your console.

Usage

Users can look for their favorite coin using the searchbar or escrolling on the All Coins section and see basic market data about it. On click on any coin, users go to a Coin Details page where they can see Critical market data about the specific coin, as well as using the convertion filter to convert different amounts of the coin into many other currencies, currently only supportin many fiat currencies and a few cryptocurrencies, the amounts can be changed on both sides of the filter.

(back to top)

👥 Authors

👤 AstroboyReloaded

• GitHub: @astroboyReloaded
• Twitter: @astroboyReload
• LinkedIn: Alex Muñoz

🔭 Future Features

• Price charts for each coin in different timeframes.
• Critical Market data in different currencies for each coin.
• Data about each of the top 3 coins for each category in Categories

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

⭐️ Show your support

If you like this project please give me a star on GitHub.

🙏 Acknowledgments

I would like to thank Microverse for teaching me these tools, my teammates who share great advice. CoinGecko API Copilot and Chat GPT used for cleanValue function in convertion filter. (lines 31-35 of PriceConvertion.js). NightCafé AI Art Generator for creating the logo for this app. App design inspired on Ballhead App by Nelson Saka.

📝 License

This project is MIT licensed.

NOTE: we recommend using the MIT license - you can set it up quickly by using templates available on GitHub. You can also use any other license if you wish.

(back to top)