CryptoHunter

A real-time Cryptocyrrency tracker app built using React Js and CoinGecko API 🚀.

• React.js
• Material UI
• Chart JS
• CoinGecko API
• React Router
• Framer Motion
• React Toastify

Features

• Routes
  • HomePage
  • Dashboard
  • Coin Details Page
  • Compare Page
  • Convert Page
  • Watchlist Page
• Dashboard
  • Search Coin by name & symbol
  • Sort Coins based on multiple factors.
  • Coins oragized using Pagination
  • Dynamic Styling of cards according to the price change status
  • Grid & List view for coin cards
  • Used LocalStorage to Bookmark or Remove from Bookmark a coin from Watchlist
• Compare Coins
  • Select & Compare two coins
  • Show Graph using Chart.js
  • Change Days, Price Type to update to graph in real time.
• Watchlist
  • Check & remove Bookmarked coins
• API Polling
  • Fetches real time coin data in every 5mins interval
• Change Currency
  • Change Currency of the app, eg. USD, INR, EURO
• Responsive and Clean UI
  • Clean UI and responsive UI using Material UI
  • Cool Animations using Framer Motion
• Toast
  • Notifications using React Toastify

Desktop

• Home

• Dashboard

• Coin Detais

• Compare

• Convert

• Watchlist

Mobile

• Mobile

How to Start the Project on you LocalHost

This project was bootstrapped with Create React App.

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.