SharapovLab Knowledge — интерактивная платформа обучения трейдингу и инвестициям

Обзор

SharapovLab Knowledge — открытая интерактивная платформа финансового образования на Next.js, React, TypeScript, Three.js и Framer Motion. Она превращает абстрактные концепции трейдинга и инвестирования — ликвидность, структуру рынка, паттерны графиков, риск — в анимированные интерактивные уроки вместо статичного текста, стремясь стать самой понятной визуальной базой знаний о рынках в интернете.

Проблема

Большая часть образования по трейдингу — это либо стена текста, которая забывается за день, либо платный продукт с «сигналами», который учит людей что покупать, а не тому, как рынки работают на самом деле — из-за этого новички не могут самостоятельно рассуждать о рынке.

Решение

SharapovLab Knowledge заменяет оба подхода одним путём обучения: концепция → визуализация → взаимодействие → понимание. Каждая тема — от финансовых основ до технического анализа, паттернов графиков, логики стратегий, психологии трейдинга и риск-менеджмента — преподаётся через собственные интерактивные визуализации вместо статичных диаграмм, и платформа никогда не рекомендует конкретную сделку. Философия каждого урока: «учить людей думать, а не что покупать».

Архитектура

• Next.js
• React
• TypeScript
• Three.js
• Framer Motion
• Vercel Blob

• Next.js App Router разделяет страницы уроков (learn/), визуальную библиотеку паттернов (library/) и администрирование контента (admin/).
• Three.js и Framer Motion обеспечивают анимированные интерактивные визуализации за каждым уроком — формирование свечей, поток ордеров, пробои паттернов, калькуляторы риска.
• Vercel Blob хранит медиа уроков; отдельный слой i18n структурирует уроки для нескольких языков.

Возможности

• Финансовые основы — деньги, инфляция, активы и пассивы, сложный процент, риск и вознаграждение.
• Основы трейдинга — участники рынка, ликвидность, типы ордеров, лонг/шорт, плечо, спот против фьючерсов — через интерактивные SVG-диаграммы покупателя и продавца и потока ордеров.
• Академия технического анализа — формирование свечей, структура рынка (Higher High / Higher Low / Lower High / Lower Low), уровни поддержки и сопротивления, индикаторы (RSI, MACD, EMA, SMA, VWAP, ATR, объём).
• Визуальная библиотека паттернов — двойная вершина/дно, голова и плечи, треугольники, флаги, клинья, чашка с ручкой — с анимацией формирования, психологией, логикой входа и правилами инвалидации.
• Торговые стратегии — следование за трендом, возврат к среднему и торговля на пробоях объясняются в образовательном формате, без живых сигналов.
• Психология трейдинга — страх, жадность, FOMO, реванш-трейдинг, дисциплина и вероятностное мышление, закреплённые через симуляции принятия решений.
• Риск-менеджмент — размер позиции, стоп-лосс, соотношение риск/вознаграждение, просадка и распределение портфеля с интерактивными калькуляторами размера позиции, максимального убытка и потенциальной прибыли.

Технологии

• Next.js
• React
• TypeScript
• Three.js
• Framer Motion
• Vercel Blob

Галерея

Скриншоты готовятся и будут добавлены через дашборд.

Видео

Обзорное видео пока не опубликовано.

Roadmap

1. Модули «Финансовые основы» + «Основы трейдинга»

2. Академия технического анализа + визуальная библиотека паттернов

3. Модули психологии трейдинга и риск-менеджмента с интерактивными калькуляторами

4. Расширение уроков на новые языки

Сложности

Превратить абстрактные концепции — ликвидность, структуру рынка, психологию трейдинга — в интерактивные визуализации, которые остаются точными и строгими, но никогда не переходят в финансовый совет: каждый урок должен объяснять, как работают рынки, не рекомендуя, что торговать.

Уроки

Будут добавлены по мере дальнейшего развития платформы.

Будущее

Расширение библиотеки паттернов, добавление более глубоких симуляций принятия решений для психологии трейдинга и рост охвата уроков на новых языках.

GitHub

Это приватный репозиторий — публичного кода нет.

Демо

Публичного демо пока нет.

FAQ