BTC Tooling

Modern Bitcoin market analytics dashboard built with Next.js and TypeScript. Real‑time price, depth, halving countdown, curated social feed, and concise market analysis — optimized for performance and deployment on Vercel.

Table of Contents

• Features
• Tech Stack
• Quick Start
• Configuration
• Architecture
• Deployment
• Testing
• Contributing
• License

Features

• Live Bitcoin Price Tracking — Multi‑timeframe price with delta indicators
• Advanced Charting — TradingView‑powered interactive chart
• Order Book Visualization — Real‑time depth (Bitfinex) with adjustable amounts
• Halving Countdown — Blocks remaining, reward schedule, historical context
• Curated Social Feed — Recent, relevant Bitcoin posts (X/Twitter)
• Market Analysis Panel — Assessment, strategic outlook, and sentiment
• Responsive UI — Desktop, tablet, and mobile optimized

Tech Stack

• Frontend: Next.js 15 (App Router), React 19, TypeScript
• Styling: Tailwind CSS, custom design system
• Data: Blockchain.info API, WebSockets for realtime updates
• Tooling: ESLint (flat), Jest + Testing Library
• Hosting: Vercel (serverless‑friendly config)

Quick Start

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

# Start production server
npm start

Visit http://localhost:3000

Configuration

• Tailwind: tailwind.config.js
• Next.js: next.config.js
• ESLint: eslint.config.mjs
• TypeScript: tsconfig.json
• Vercel: vercel.json, SETUP-VERCEL.md

Architecture

src/
├── app/         # App Router routes and API handlers
├── components/  # UI components (bitcoin, layout, social)
├── hooks/       # Data fetching and view hooks
├── lib/         # Utilities and API clients
├── styles/      # Global styles and tokens
└── types/       # TypeScript types

Deployment (Vercel)

• Custom API proxies for CoinGecko and Coinbase with caching
• Serverless tuning (memory, timeout) via vercel.json
• Node compatibility fixes (util-deprecation-fix.js)
• Environment variables documented in SETUP-VERCEL.md

Testing

# Lint
npm run lint

# Unit tests
npm test

# Watch / Coverage (if configured)
npm run test:watch
npm run test:coverage

Contributing

1. Fork the repository
2. Create a feature branch: git checkout -b feature/new-feature
3. Commit changes: git commit -m "feat: add new feature"
4. Push: git push origin feature/new-feature
5. Open a Pull Request

If this project helps you, please consider giving it a ⭐

Contact

• Telegram: t.me/@lorine93s