💹 Crypto Market Graph Chart

Crypto Market Tracker is a sleek and modern cryptocurrency dashboard that displays live market data, including prices, market capitalization, trading volume, supply, and historical charts for the top 10 cryptocurrencies. Built with React, TypeScript, Golang, and CoinGecko API, it provides users with real-time data and an interactive chart to monitor the market trends.

---

🚀 Features

• Real-time Cryptocurrency Data: Fetches live data from the CoinGecko API.
• Sparkline Charts: Displays the 7-day trend of each cryptocurrency.
• Trade Action: Easily initiate trades through the dashboard.
• Dynamic Price Changes: Real-time updates on price changes.
• Responsive UI: Adaptable design for both desktop and mobile devices.

---

🛠️ Technologies Used

Frontend Integrations

• React with TypeScript
• Chart.js for visualizing market trends
• Axios for HTTP requests
• CoinGecko API for real-time data

Backend Integrations

• Golang (Go) for server-side processing and API integration

---

📂 Project Structure

CRYPTO-MARKET ├── backend │ ├── go.mod │ ├── go.sum │ └── main.go ├── frontend │ ├── node_modules │ ├── public │ │ └── index.html │ └── src │ ├── components │ │ └── CryptoTrack.tsx │ ├── styles │ │ └── App.css │ ├── App.tsx │ ├── index.tsx │ ├── react-app-env.d.ts │ ├── reportWebVitals.ts │ └── setupTests.ts ├── package.json ├── package-lock.json ├── README.md ├── tsconfig.json └── .gitignore

---

⚙️ Installation

1. Clone the repository

   git clone https://github.com/0xSettings/Crypto-Market-Chart.git
   cd Crypto-Market-Chart
   

⚙️ Backend Setup

• cd backend
• go mod tidy
• go run main.go

⚙️ Frontend Setup

• cd frontend
• npm install
• npm start
• running on http://localhost:3000.

API Endpoint

• CoinMarketCap
• Coingecko

🌟 Contributing

Contributions are welcome! Feel free to submit a pull request or open an issue for any feature requests xD