🚀 Cryptocurrency Price Tracker 📈

Stay ahead in the crypto game with this real-time Cryptocurrency Price Tracker! This web application delivers live price updates for the top 30 cryptocurrencies directly to your browser. Built using HTML, CSS, and JavaScript, it leverages the CoinGecko API for initial data and Binance WebSockets for lightning-fast, real-time updates. Perfect for traders, enthusiasts, or anyone wanting to keep a pulse on the dynamic world of digital assets.

Example screenshot of the Cryptocurrency Price Tracker in action.

✨ Features

• Real-Time Updates: Prices update live using Binance WebSockets for minimal latency.
• Top 30 Cryptocurrencies: Tracks a curated list of major cryptocurrencies (Bitcoin, Ethereum, Binance Coin, and many more!). See the full list here.
• Sleek & Responsive Design: Clean, modern interface that looks great on any device.
• Easy-to-Read Display: Clear presentation of cryptocurrency names and prices.
• Automatic Reconnection: Automatically reconnects to the WebSocket if the connection is lost.

🛠️ Technologies Used

• HTML: Provides the structure of the web page.
• CSS: Styles the application with a modern gradient background and intuitive layout.
• JavaScript: Handles data fetching, real-time updates, and dynamic UI manipulation.
• CoinGecko API: Fetches initial prices for cryptocurrencies.
• Binance WebSocket API: Provides real-time price updates.

💻 Setup Instructions

Get your Cryptocurrency Price Tracker running with these simple steps:

1. Clone the Repository:

   git clone [https://github.com/Shashank-Ge/CryptoCurrency-Price-Tracker.git]
   cd cryptocurrency-price-tracker
   

2. Open index.html in your Browser: No need for a server, just open the file in your web browser!

3. Watch Crypto Prices Update in Real-Time!

📂 Project Structure

Here's a breakdown of the project's file structure:

• index.html: The main HTML file that defines the structure of the webpage and includes references to the CSS and JavaScript files. It's the entry point of the application.

• styles5.css: This CSS file contains all the styling rules for the webpage, including the layout, colors, fonts, and responsiveness.

• script.js: The JavaScript file responsible for fetching cryptocurrency data from the CoinGecko API and Binance WebSocket, processing the data, and dynamically updating the webpage in real-time. It also handles WebSocket reconnection logic.

• README.md: This file! It provides an overview of the project, setup instructions, features, and other useful information.

📞 Contact

If you have any questions or feedback, feel free to reach out:

• GitHub: Shashank-Ge

• Email: goelshashank2005@gmail.com