Crypto Tracker App A sleek and responsive Crypto Tracker App powered by the CoinCap API. This app provides real-time cryptocurrency data, search and filter options, detailed pricing history in modals, and the ability to favorite your top picks with toaster notifications. https://crypto-tracker-app-mtd.netlify.app/

🚀 Features Real-Time Listings

Fetch live cryptocurrency data (name, symbol, price, 24-hour change, market cap). Search and Filters

Quickly search for cryptocurrencies by name or symbol. Sort by price, market cap, or percentage change. Detailed Modals

Click on any cryptocurrency to view: Pricing history (7-day interactive chart). Metrics like rank, volume, and supply. Favorites with Notifications

Add/remove favorite listings with instant toaster notifications. Favorites stored locally for a personalized experience. Responsive Design

Fully mobile-first and responsive for all devices. Modern UI/UX with a clean, intuitive interface.

Follow these steps:

# Step 1: Clone the repository using the project's Git URL.
git clone <YOUR_GIT_URL>

# Step 2: Navigate to the project directory.
cd <YOUR_PROJECT_NAME>

# Step 3: Install the necessary dependencies.
npm i

# Step 4: Start the development server with auto-reloading and an instant preview.
npm run dev

Edit a file directly in GitHub

• Navigate to the desired file(s).
• Click the "Edit" button (pencil icon) at the top right of the file view.
• Make your changes and commit the changes.

Use GitHub Codespaces

• Navigate to the main page of your repository.
• Click on the "Code" button (green button) near the top right.
• Select the "Codespaces" tab.
• Click on "New codespace" to launch a new Codespace environment.
• Edit files directly within the Codespace and commit and push your changes once you're done.

What technologies are used for this project?

This project is built with .

• Vite
• TypeScript
• React
• shadcn-ui
• Tailwind CSS
• CoinCap API