Создание сайта(биржи)

Анализ видео для разработки криптовалютной биржи

Я проанализировал предоставленное видео, чтобы понять основные функции и дизайн сайта. На основе этого анализа я составил подробное техническое задание, которое можно использовать как основу для разработки.

Общая информация о проекте

• Тип: Криптовалютная и, возможно биржа (судя по наличию пары EUR/USD).

• Дизайн: Тёмная тема с элементами синего и зелёного/красного цветов для графиков и кнопок.

Техническое задание (Frontend и Backend)

1. Основной интерфейс (Homepage / Trading Terminal)

• График: Интерактивный график с японскими свечами. Должен поддерживать разные таймфреймы (например, 4 часа, как показано).

• Торговые кнопки: Две кнопки "Sell" (Продать) и "Buy" (Купить) с текущими ценами Bid/Ask.

• Инструменты:

  • Панель инструментов: Должна включать инструменты для анализа: свечи, индикаторы, рисование на графике.

  • Переключение видов: Возможность переключаться между разными видами графиков (multiscreen) и очищать график.

• Список активов:

  • Панель с левой стороны для быстрого поиска и выбора активов.

  • Должна отображать название актива, текущую цену и изменение цены (цветом).

  • Функция поиска по названию.

2. Раздел торговли (Trading)

• Панель ордеров: В правой части экрана должна быть панель для создания ордеров.

• Выбор актива: Возможность выбрать актив для торговли (например, BTC/USD).

• Типы ордеров: Поддержка как минимум рыночных ордеров (Market Order). Желательно добавить и лимитные ордера.

• Ввод данных: Поля для ввода количества юнитов (Units) и отображение ориентировочной маржи (Est. Margin) и объема (Volume).

• Кнопка: Кнопка "Open Trade" (Открыть сделку) или подобная.

3. Управление счетом и личные данные

• Разделы: Должны быть отдельные страницы для Funds (Фонды), Deposit (Депозит), Withdraw (Вывод).

• Проверка личности (KYC):

  • Форма для ввода личных данных: дата рождения, страна, город, улица, почтовый индекс.

• Пополнение/Вывод средств:

  • Депозит: Форма для пополнения, которая требует ввода личных данных.

  • Вывод: Раздел с двумя вкладками: Bank Transfer (Банковский перевод) и Crypto.

    • Для банковского перевода: поля для суммы, имени получателя, IBAN, SWIFT, названия и адреса банка.

    • Для криптовалютного вывода: поля для суммы, адреса кошелька и валюты.

4. Профиль пользователя и настройки

• Меню: Боковое меню с разделами Home, Funds, Deposit, Withdraw, Help Center, Personal Settings, Upload documents, Light Mode, Tour guide, Log out.

• Персональные настройки:

  • Разделы: Personal Info, Change Password, Manage system notifications.

  • Personal Info: Форма для редактирования личных данных (имя, фамилия, email, страна проживания и т.д.).

  • Change Password: Форма для смены пароля.

  • Notifications: Настройка уведомлений по email, SMS, desktop.

• Загрузка документов (KYC/AML):

  • Страница для загрузки документов для верификации.

  • Список поддерживаемых документов: Proof of ID (Удостоверение личности), Proof of residence (Подтверждение места жительства), Proof of attorney, Credit card, SWIFT, Declaration of deposit, Declaration of address.

  • Инструкции по качеству сканов (800 dpi, форматы jpg, png, pdf).

Дополнительные требования

• Мультиязычность: Поддержка как минимум русского (RU) и английского (EN) языков, с возможностью переключения. Видео показывает также немецкий (DE) и чешский (CS).

• Безопасность:

  • Система должна иметь надёжную авторизацию и управление паролями.

  • Процесс загрузки документов должен быть безопасным.

• Социальные сети: Наличие иконок для перехода в социальные сети (LinkedIn, Twitter, Facebook).

Итоговый промпт для разработчика

"Привет! Мне нужно создать базовую криптовалютную биржу, похожую на ту, что показана в видео. Ниже я привожу подробное техническое задание.

Главные задачи:

• Создать торговый терминал с интерактивным графиком (японские свечи).

• Реализовать систему регистрации, авторизации и верификации (KYC) с загрузкой документов.

• Разработать функционал для пополнения и вывода средств (криптовалюта и банковские переводы).

• Создать основные страницы: торговый терминал, управление фондами, профиль пользователя.