CoinPulse - Real-Time Crypto Tracker

Get the pulse of the crypto market with CoinPulse!

Introduction

CoinPulse is a sleek and interactive cryptocurrency tracking app built with React.js, Vite, and Context API. It provides real-time market data, historical trends, and price insights using the CoinGecko API. With a futuristic dark theme, interactive charts, and currency conversion, CoinPulse is designed to keep users informed about the ever-changing crypto landscape.

🚀 Deployed App

Live Demo: CoinPulse

📌 Features

• Real-Time Market Data: Fetches live crypto prices and trends.
• Historical Price Charts: Visualizes market trends using Google Charts.
• Multi-Currency Support: Switch between USD, EUR, and INR effortlessly.
• Dark-Themed UI: A futuristic and user-friendly design.
• Optimized Performanc: Next.js API routes, metadata display, and custom hooks.
• Fully Responsive: Works seamlessly on desktop, tablets, and mobile.

🛠 Technology Stack

Framework & Libraries

• React.js – Component-based UI framework.
• Vite – Lightning-fast build tool for optimized performance.
• Context API – State management for global currency selection.

📌 Languages & Styling

• JavaScript (ES6) – Core programming language.
• CSS (Custom Styling) – Glassmorphism, dark mode, and responsive UI.
• React Icons – Crypto-inspired icons for better user experience.

📦 Key Dependencies

• react-google-charts - Charting library for data visualization.
• react-icons - Modern icons for UI elements.
• react-router-dom - Navigation and routing.

⚙ API Integration

• CoinGecko API - Fetches real-time and historical crypto market data.
• API Key Used - CoinGecko Free API (No authentication required)

---

🚀 Getting Started

📌 Prerequisites

Ensure you have the following installed:

• Node.js (LTS version recommended)
• npm or yarn (for package management)

📂 Installation & Setup

1️⃣ Clone the repository

git clone https://github.com/your-username/coinpulse.git
cd coinpulse 

2️⃣ Install dependencies

npm install

3️⃣ Start the development server

npm run dev

CoinPulse will now be running at (http://localhost:3000/) 🎉

📸 Using CoinPulse

• 1️⃣ Track Crypto Prices – View live market data and historical trends.
• 2️⃣ Switch Currencies – Convert values between USD, EUR, and INR.
• 3️⃣ Analyze Market Trends – Use interactive charts to track price movements.