CrypCoin Tracker is a real-time cryptocurrency tracking application built with React and Vite. It provides up-to-date information on coin prices, 24-hour changes, and market capitalization.
Live Demo: CrypCoin Tracker
- Real-time cryptocurrency data
- Detailed view for individual coins
- Responsive design for desktop and mobile
- Infinite scrolling for loading more cryptocurrencies
- React
- Vite
- Tailwind CSS
- Axios for API requests
- React Router for navigation
- Node.js (version 14 or higher recommended)
- npm (comes with Node.js)
-
Clone the repository:
git clone https://github.com/your-username/crypto-tracker.git cd crypto-tracker
-
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open your browser and visit
http://localhost:5173
to view the application.
In the project directory, you can run:
npm run dev
: Runs the app in development modenpm run build
: Builds the app for productionnpm run lint
: Lints the project filesnpm run preview
: Previews the built app
crypto-tracker/
│
├── src/
│ ├── assets/
│ │ └── logo.png
│ ├── components/
│ │ ├── CoinDetails.jsx
│ │ └── CryptoList.jsx
│ ├── App.css
│ ├── App.jsx
│ ├── index.css
│ └── main.jsx
│
├── .gitignore
├── eslint.config.js
├── index.html
├── LICENSE
├── package.json
├── postcss.config.js
├── README.md
├── tailwind.config.js
└── vite.config.js
This project uses the CoinGecko API to fetch cryptocurrency data. The API calls are proxied through the Vite development server to avoid CORS issues.
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License. See the LICENSE file for details.
Surya Naveen - LinkedIn
Project Link: https://github.com/your-username/crypto-tracker