Skip to content

Latest commit

Β 

History

History
183 lines (110 loc) Β· 3.16 KB

File metadata and controls

183 lines (110 loc) Β· 3.16 KB

πŸ’Ή Crypto & Stock Market Tracker

A modern fintech dashboard that tracks real-time cryptocurrency and stock prices, visualizes market trends, and simulates portfolio investment returns. Built for developers, finance enthusiasts, and learners who want to explore market analytics interactively.

πŸš€ Features πŸ“ˆ Real-Time Market Tracking

Live cryptocurrency prices from CoinGecko API

Real-time stock data using Alpha Vantage API

Price updates auto-refresh every few seconds

πŸ“Š Interactive Charts & Analytics

Candlestick charts

Line graphs

Moving Averages (MA, EMA)

Volume indicators

Portfolio value tracking

πŸ‘€ Portfolio Simulation

Create virtual portfolios

Add crypto or stock assets

Simulate profit/loss

Compete with friends on leaderboards (Bonus feature)

☁️ Cloud Integration (Firebase)

User login / signup

Store portfolio & preferences

Sync data across devices

πŸ› οΈ Tech Stack Frontend

React.js

Plotly.js (Charts)

TailwindCSS / Material UI

Backend

Node.js

Express.js

Firebase Authentication

Firebase Firestore

REST API Integration

APIs

CoinGecko API: Crypto data https://www.coingecko.com/en/api

Alpha Vantage API: Stock market data https://www.alphavantage.co

πŸ“‚ Project Structure crypto-stock-tracker/ │── frontend/ β”‚ β”œβ”€β”€ src/ β”‚ β”œβ”€β”€ components/ β”‚ β”œβ”€β”€ pages/ β”‚ └── public/ β”‚ │── backend/ β”‚ β”œβ”€β”€ routes/ β”‚ β”œβ”€β”€ controllers/ β”‚ β”œβ”€β”€ server.js β”‚ └── package.json β”‚ │── README.md │── .env.example │── package.json

βš™οΈ Backend Setup

  1. Navigate to backend folder cd backend npm install

  2. Create .env COINGECKO_API=https://api.coingecko.com/api/v3 ALPHA_VANTAGE_KEY=YOUR_ALPHA_VANTAGE_KEY FIREBASE_PROJECT_ID=your_project FIREBASE_PRIVATE_KEY=your_key

  3. Run backend npm start

🎨 Frontend Setup

  1. Install dependencies cd frontend npm install

  2. Start development server npm run dev

UI will run on:

πŸ‘‰ http://localhost:3000 (Next.js) or πŸ‘‰ http://localhost:5173 (Vite)

πŸ“‘ API Usage Examples Crypto Example fetch("https://api.coingecko.com/api/v3/simple/price?ids=bitcoin&vs_currencies=usd")

Stock Example https://www.alphavantage.co/query?function=GLOBAL_QUOTE&symbol=AAPL&apikey=YOUR_KEY

πŸ§ͺ Portfolio Simulation Logic

User starts with virtual money (e.g., $10,000)

Buys / sells crypto & stocks at live prices

P/L is calculated using:

profit = (current_price - bought_price) * quantity

Leaderboard compares ROI among users

πŸ“· Screenshots (Add later)

You can add:

Dashboard

Portfolio page

Chart examples

Leaderboards

🧩 Future Enhancements

WebSockets for ultra-fast live charts

AI-based stock prediction (LSTM models)

News sentiment scoring

Crypto fear & greed index

Alerts (Telegram, Email, SMS)

🀝 Contributing

Contributions are welcome!

Fork repository

Create new feature branch

Commit changes

Create a pull request

πŸ“„ License

MIT License β€” free to use, modify, and distribute.

πŸ‘€ Author

Siddhartha Singh