Skip to content

crypto-tracking-app is a cryptocurrency tracker that uses the dynamic data to show the changes of rates of 100 different crypto currencies, with trending coins and Historical Coin chart.

Notifications You must be signed in to change notification settings

Ermiass/crypto-tracking-app

Repository files navigation


CRYPTO-TRACKING-APP

Get All The Latest Info Regarding Your Favorite Crypto Currency And Crypto News Update!

Table of Contents
  1. About The Project
  2. Getting Started
  3. Contact

About The Project

This app is build with the existing knowledge of the React basics, and give you further practice working with React context, Chart Js, Firebase, MUI, codebase linting, component testing, Git-Flow workflow, and TypeScript. A user should, at the bare minimum, be able to view all the Top 100 list of Cryptocurrencys based on their market capital , Shows the trending coins over the last 24 hour,Search for a particular coin from the list and Shows a Historical chart of a specfic coin with a detail information on a daily ,monthly and year base and additionaly a user can learn and read on the latest update on the News section. For a specfic user with login credential the user can add a coin to his the watch list and remove the coin from the watch list when ever he wantes.

Back to top

Built With

A few of the frameworks/libraries that were used to build the project are:

  • React
  • Context API
  • Chart Js
  • Typescript
  • MUI
  • Firebase/Google authentication
  • Axios
  • React Router
  • React Testing Library
  • EsLint AirBnb and Prettier

Back to top

Wireframe

Getting Started The App build out with simple Wireframes using Figma.

wirefram-backend-blog-app

Getting Started

To install CRYPTO-TRACKING-APP, follow these steps:

Prerequisites

  • npm

    npm install npm@latest -g

Installation

Below is an example of how you can instruct your audience on installing and setting up your app. This template doesn't rely on any external dependencies or services.

  1. Clone the repo
  git clone https://github.com/Ermiass/crypto-tracking-app
  1. Install NPM packages
    npm install
  2. Get a free API key from Firebase By Siging up and Enter your API_KEY link in your .env file
 REACT_APP_FIREBASE_API_KEY = 'ENTER YOUR API KEY';
 REACT_APP_FIREBASE_AUTH_DOMAIN = 'ENTER YOUR FIREBASE_AUTH_DOMAIN';
 REACT_APP_FIREBASE_PROJECT_ID = 'ENTER YOUR FIREBASE_PROJECT_ID';
 REACT_APP_FIREBASE_STORAGE_BUCKET = 'ENTER YOUR FIREBASE_STORAGE_BUCKET';
 REACT_APP_FIREBASE_MESSAGING_SENDER_ID = 'ENTER YOUR FIREBASE_MESSAGING_SENDER_ID';
 REACT_APP_FIREBASE_APP_ID = 'ENTER YOUR FIREBASE_APP_ID';
  1. npm start to start the app.

Back to top

Usage

Can be used to track the price of top cryptocurrencies, historical chart and detail information on coins. Additionaly you can get the latest news on cryptocurrencies, cryptomarkets, NFTs and useful teaching videos.

  • Display List of TOP 100 cryptocurrencies By Market Capital
  • Display List of trending coins over the last 24 hour
  • User Can Change the Currency Type Of Any Coin
    • USD
    • EUR
  • Able To Search For particular coin
  • Shows a detail Information on a Particular Coin
  • Shows a Historical chart of a coin
  • News Update on crpocurencies and NFT
  • IF User Logged In/Sign Up
    • Able to add coins to User watchlist
    • Remove coins from User watchlist

Back to top

Contributing

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Thanks again!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

Back to top

Contact

Ermias Mahtemu - emahtemu@alphaworks.tech

Project Link: https://e-crypto-tracking.netlify.app/

Back to top

About

crypto-tracking-app is a cryptocurrency tracker that uses the dynamic data to show the changes of rates of 100 different crypto currencies, with trending coins and Historical Coin chart.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published