/Crypto-Data-Explorer

The Cryptocurrencies Data Explorer is a web application built using React and Redux that allows users to explore Cryptocurrencies data related to a variety of categories. The webapp retrieves data from the a coins API to gather datasuch as cryptocurrency exchanges.

Primary LanguageJavaScriptMIT LicenseMIT

๐Ÿ“— Table of Contents

๐Ÿ“–Cryptocurrencies Data Explorer

Cryptocurrencies Data Explorer

The Cryptocurrencies Data Explorer is a web application built using React and Redux that allows users to explore Cryptocurrencies data related to a variety of categories. The webapp retrieves data from the a coins API to gather datasuch as cryptocurrency exchanges.

Upon loading the homepage, the user is presented with a list of different currencies, which they can filter by currency name.When the user clicks on a Currency, they are taken to a details page, which retrieves detailed data from the API in the selected Coin.

The application is built using React, Redux, and CSS. It utilizes the Redux Thunk middleware to handle asynchronous actions and the Fetch API to retrieve data from the NAPI. The application is fully responsive, adapting to different screen sizes and devices.

screenshot

PROJECT DOCUMENTATION

LIVE DEMO

๐Ÿ›  Built With

  • React and redux
  • Visual Studio Code
  • Git & Github
  • CSS
  • Fetch API

Key Features

  • Browse a list of available currencies
  • Filter currencies by name
  • View Cryptocurrencies values related to each specific currency
  • Navigate to a details page to view detailed data for each currency
  • Fully responsive design, adapting to different screen sizes and devices

(back to top)

๐Ÿ’ป Getting Started

To get a local copy up and running follow these simple example steps.

  • Open terminal
  • Clone this project by the command git clone https://github.com/mumo-esther/Crypto-Data-Explorer.git
  • cd <clone> folder
  • Run npm start in your local browser or using Live Server in Visual Studio Code.

Prerequisites

Setup

Clone this repository to your desired folder: cd my-folder git clone https://github.com/mumo-esther/Crypto-Data-Explorer.git

Run tests

To run tests, run the following command:

  • npx eslint "*/.{js,jsx}"

Future Features

  • Create an interactive web application using React and Redux that allows users to explore Cryptocurrencies data in a variety of currencies.
  • Add a crypto news feed.

(back to top)

๐Ÿ‘ฅ Authors

๐Ÿ‘ค Esther Mawioo

(back to top)

๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!

(back to top)

โญ๏ธ Show your support

If you like this project you can give it a โญ๏ธ.

(back to top)

๐Ÿ™ Acknowledgments

  • Hat tip to Nelson Sakwa on Behance as his design was used ๐Ÿ”ฐ
  • Inspiration ๐Ÿ’˜
  • Our standup team ๐Ÿนโšก
  • My Family ๐Ÿ™Œ

(back to top)

๐Ÿ“ License

This project is MIT licensed.