https://github.com/saurabhkumardev/crypto-tracker-frontend
Track top cryptocurrency data in a single page
https://github.com/saurabhkumardev/crypto-tracker-frontend
cryptocurrency nextjs tailwindcss
Last synced: about 1 month ago
JSON representation
Track top cryptocurrency data in a single page
- Host: GitHub
- URL: https://github.com/saurabhkumardev/crypto-tracker-frontend
- Owner: SaurabhKumarDev
- Created: 2025-07-17T16:29:54.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-07-20T18:32:50.000Z (11 months ago)
- Last Synced: 2025-07-20T20:21:30.709Z (11 months ago)
- Topics: cryptocurrency, nextjs, tailwindcss
- Language: JavaScript
- Homepage: https://frontend-cryptotracker.vercel.app
- Size: 234 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🪙 CryptoTracker Frontend
A modern and responsive cryptocurrency tracking application built with **Next.js** and **Tailwind CSS**, designed to display real-time market data, coin trends, and performance stats. The app fetches data from a backend API powered by Express.js and MongoDB, which uses the CoinGecko API and scheduled cron jobs for data updates.
## 🚀 Tech Stack
### Frontend
- **Next.js** – React framework for SSR and static site generation
- **Tailwind CSS** – Utility-first CSS framework
- **Axios** – Promise-based HTTP client
- **Lucide Icons** – Icon set for modern UI
### Backend (for reference)
- **Node.js** & **Express.js**
- **MongoDB** with Mongoose
- **Node-Cron** – For scheduled tasks
- **CoinGecko API** – Source of live cryptocurrency data
---
## ⚙️ Setup & Installation
### 1. Clone the repository
```bash
git clone https://github.com/saurabhkumardev/crypto-tracker-frontend.git
cd crypto-tracker-frontend
```
### 2. Install dependencies
```
npm install
```
### 3. Configure environment variables
- Create a .env.local file in the root directory:
```
REACT_APP_API_URL=http://localhost:5000/api
```
- Replace with your actual backend deployment URL if not using localhost.
### 4. Run the development server
```
npm run dev
```
- Your app will be running at: http://localhost:3000
## 🌐 Deployment Links
🔗 Frontend: https://frontend-cryptotracker.vercel.app
🔗 Backend: https://crypto-tracker-backend-p3n7.onrender.com/api
## 📞 Contact
Have questions or suggestions? Reach out:
💼 linkedin.com/in/saurabhkumardev
📧 saurabhkumarmehto@gmail.com
## User interface
