Skip to content

Compare different crypto currencies, look at their graphs - prices, total volumes, market cap, etc. Search from the top 100 Crypto currencies in real time.

License

Notifications You must be signed in to change notification settings

AkashJana18/cryptack

Repository files navigation

Cryptack - The Only CryptoTracker You Need!

Description

CryptoTracker is the tool you've always needed. Compare different cryptocurrencies, view their graphs—prices, total volumes, market cap, etc. Search from the top 100 cryptocurrencies in real-time and add them to your watchlist.

Objective

Build a responsive and live crypto tracker using React JS to help users analyze, compare, and learn about cryptocurrencies all in one place.

Technologies Used

  • React JS: Frontend framework.
  • Material UI: For reusable components.
  • Chart.js: For creating interactive graphs.
  • Axios: To make API calls to fetch real-time data.
  • React Router: For managing routing in the application.
  • Coingecko API: To fetch cryptocurrency data.
  • Framer Motion: For smooth animations.

Project Context

The world is moving towards Web3 and crypto, making it essential to stay updated. Cryptack provides real-time data, enabling users to make informed decisions. It’s a comprehensive tool for crypto enthusiasts and investors.

Project Stages

  1. Basic React Project Setup: Initial project setup using Create React App.
  2. API Review: Go through the Coingecko API documentation.
  3. Folder Structure: Organize the project structure.
  4. Styling Setup: Add global styling, fonts, and root variables.
  5. React Router Integration: Implement routing.
  6. Header: Add MUI drawer for the mobile navbar.
  7. Landing Page: Develop components for the landing page.
  8. Dashboard Page: Create the dashboard with MUI tabs.
  9. Fetching Coin Data: Use Axios to fetch data from the Coingecko API.
  10. Grid and List Views: Implement views for displaying cryptocurrencies.
  11. Coin Page: Integrate Chart.js for coin visualizations.

Project Links and References

Getting Started

Prerequisites

Ensure you have Node.js installed.

Installation

  1. Clone the repository.
    git clone https://github.com/yourusername/cryptotracker.git
    cd cryptotracker
  2. Install dependencies.
    npm install
  3. Start the development server.
    npm start

Available Scripts

  • npm start: Runs the app in development mode.
  • npm test: Launches the test runner.
  • npm run build: Builds the app for production.
  • npm run eject: Removes the single build dependency.

Deployment

Follow the steps in the Create React App Deployment Guide to deploy your application.

Learn More

License

This project is licensed under the MIT License - see the LICENSE file for details.

About

Compare different crypto currencies, look at their graphs - prices, total volumes, market cap, etc. Search from the top 100 Crypto currencies in real time.

Topics

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published