[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-81335":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":16,"stars30d":16,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":17,"rankGlobal":10,"rankLanguage":10,"license":10,"archived":18,"fork":18,"defaultBranch":19,"hasWiki":20,"hasPages":18,"topics":21,"createdAt":10,"pushedAt":10,"updatedAt":22,"readmeContent":23,"aiSummary":24,"trendingCount":16,"starSnapshotCount":16,"syncStatus":25,"lastSyncTime":26,"discoverSource":27},81335,"tradingview-gratis","outlinersclub-cpu\u002Ftradingview-gratis","outlinersclub-cpu","Clon open-source de TradingView para crypto. Construido con Next.js + lightweight-charts + Binance WebSocket. Alternativa gratis a TradingView Pro pensada para LATAM.","https:\u002F\u002Ftradingview-gratis.vercel.app",null,"TypeScript",42,52,5,1,0,42.17,false,"master",true,[],"2026-06-12 04:01:33","# TradingView Gratis 📈\n\n> **Una alternativa open-source y 100% gratis a TradingView Pro, pensada para LATAM.**\n> Velas en vivo, indicadores propios, watchlist, multi-timeframe — sin pagar USD, sin login, sin ads.\n\nPlataforma de charts crypto construida sobre los datos públicos de **Binance** (WebSocket) y la misma librería de render que usa TradingView ([`lightweight-charts`](https:\u002F\u002Fgithub.com\u002Ftradingview\u002Flightweight-charts)).\n\n---\n\n## ✨ Features\n\n- 📊 **Velas en vivo** vía WebSocket de Binance (sin API key)\n- 🔍 **Búsqueda de símbolo** sobre todos los pares USDT del exchange\n- ⏱️ **Multi-timeframe**: 1m \u002F 5m \u002F 15m \u002F 1h \u002F 4h \u002F 1d \u002F 1w\n- 📐 **Indicadores client-side**: EMA 20\u002F50\u002F200, RSI 14, MACD 12\u002F26\u002F9, Volumen\n- 👁️ **Watchlist** con precios y cambio 24h actualizándose en tiempo real\n- 🎨 **Visual idéntica a TradingView** (paleta, fuentes, layout)\n- 💾 **Persistencia** en localStorage (símbolo, timeframe, indicadores)\n- 🔌 **Reconexión robusta** del WebSocket con backoff exponencial\n- 🌐 100% client-side — deploy estático en Vercel\u002FCloudflare\n\n## 🚀 Empezar\n\n```bash\nnpm install\nnpm run dev\n```\n\nAbrí [http:\u002F\u002Flocalhost:3000](http:\u002F\u002Flocalhost:3000).\n\n## 🛠️ Stack\n\n| Capa | Tech |\n|---|---|\n| Framework | Next.js 16 (App Router) |\n| Lenguaje | TypeScript |\n| Estilos | Tailwind CSS 4 + shadcn\u002Fui |\n| Charts | [lightweight-charts](https:\u002F\u002Fgithub.com\u002Ftradingview\u002Flightweight-charts) v5 |\n| Estado | Zustand (con persistencia) |\n| Iconos | lucide-react |\n| Datos | Binance Public REST + WebSocket |\n\n## 📐 Arquitectura\n\n```\nsrc\u002F\n├── app\u002F\n│   ├── layout.tsx          # Root, fuente Inter, TooltipProvider, dark\n│   ├── page.tsx            # Dashboard armando el layout\n│   └── globals.css         # Paleta TradingView\n├── components\u002F\n│   ├── chart\u002F\n│   │   ├── PriceChart.tsx     # Chart core (lightweight-charts + panes)\n│   │   ├── SymbolSelector.tsx # Búsqueda de pares USDT\n│   │   ├── TimeframeSelector.tsx\n│   │   └── IndicatorMenu.tsx  # Toggle EMA\u002FRSI\u002FMACD\u002FVolume\n│   ├── layout\u002F\n│   │   ├── Header.tsx\n│   │   ├── LeftSidebar.tsx    # Iconos drawing tools (visual)\n│   │   ├── RightSidebar.tsx\n│   │   └── BottomPanel.tsx    # Stats 24h\n│   ├── watchlist\u002F\n│   │   └── Watchlist.tsx      # Precios live multi-símbolo\n│   └── ui\u002F                    # shadcn primitives\n└── lib\u002F\n    ├── binance\u002F\n    │   ├── rest.ts            # klines \u002F ticker \u002F exchangeInfo\n    │   ├── ws.ts              # WS multiplex + auto-reconnect\n    │   └── types.ts\n    ├── indicators\u002F\n    │   └── index.ts           # SMA, EMA, RSI (Wilder), MACD\n    ├── store\u002F\n    │   └── chart-store.ts     # Zustand global state\n    └── format.ts              # formatPrice \u002F formatPct \u002F formatVolume\n```\n\n## 🌐 Deploy a Vercel\n\n```bash\nnpm i -g vercel\nvercel\n```\n\nO conectá el repo en [vercel.com\u002Fnew](https:\u002F\u002Fvercel.com\u002Fnew) y deploy automático. No hay variables de entorno — todo es cliente.\n\n## 🧠 Cómo funciona\n\n### Datos históricos\nAl abrir un símbolo se hace un `GET \u002Fapi\u002Fv3\u002Fklines` (REST) que trae las últimas **1000 velas** del par + timeframe activo. Se renderizan instantáneamente.\n\n### Datos en vivo\nUna única conexión WebSocket multiplexada (`stream.binance.com`) recibe:\n- `\u003Csymbol>@kline_\u003Cinterval>` → updates de la vela actual + cierre de velas\n- `\u003Csymbol>@miniTicker` → tickers del watchlist\n\nAl reconectarse (Binance corta el WS cada 24h) se vuelven a suscribir todos los streams activos con backoff exponencial.\n\n### Indicadores\nSe calculan **client-side** sobre el array de velas en cada update. Implementaciones puras de TypeScript:\n- `EMA`: seeded con SMA del primer período, luego `close * k + prev * (1-k)`\n- `RSI`: Wilder (suavizado exponencial sobre ganancias\u002Fpérdidas, período 14)\n- `MACD`: EMA(12) − EMA(26), signal = EMA(9) sobre MACD line\n\nPara 1000 velas y panes múltiples el costo es despreciable.\n\n## ⚠️ Qué NO incluye (todavía)\n\n- ❌ Pine Script (propietario de TradingView, no se puede clonar)\n- ❌ Drawing tools persistentes (Fibo, trend lines arrastrables)\n- ❌ Replay bar-by-bar\n- ❌ Alertas server-side (siguiente video de la serie)\n- ❌ Trading real (bot con API privada — video 4)\n\n## 📺 Serie de videos\n\nEste repo es la base de la serie **\"TradingView Gratis\"**:\n\n1. ✅ **Video 1 — Base**: lo que ves acá\n2. 🔜 **Video 2 — Alertas**: Supabase + Telegram bot\n3. 🔜 **Video 3 — Indicadores AI**: SuperTrend, Ichimoku, custom con Claude\n4. 🔜 **Video 4 — Bot que opera**: API privada Binance + ejecución\n\n## 📄 Licencia\n\nMIT — usalo, forkealo, monetizalo, lo que quieras.\n\n`lightweight-charts` es Apache 2.0 con atribución a TradingView — la atribución vive en el footer\u002FUI por requerimiento de la licencia.\n","TradingView Gratis 是一个专为拉丁美洲用户设计的开源且完全免费的加密货币图表平台，旨在替代 TradingView Pro。该项目基于 Next.js 和 lightweight-charts 构建，并通过 Binance WebSocket 获取实时数据。其核心功能包括实时蜡烛图、自定义指标、多时间框架分析以及无需登录或支付费用即可使用的观察列表。该平台还支持客户端计算的多种技术指标（如EMA、RSI、MACD等），并具有与TradingView相似的视觉体验。适用于希望在没有成本负担的情况下进行加密货币市场分析和技术研究的个人投资者或交易者。",2,"2026-06-11 04:04:41","CREATED_QUERY"]