CryptoBento with API - История изменений

Patarakin: /* Получение API и конфигурация проекта */

2026-03-27T07:46:13Z

Получение API и конфигурация проекта

← Предыдущая версия		Версия от 10:46, 27 марта 2026
Строка 26:		Строка 26:
	== Получение API и конфигурация проекта ==		== Получение API и конфигурация проекта ==

	Для обеспечения корректной работы приложения используется интеграция с внешними API, которые выступают в роли основного источника данных. В рамках проекта выбраны проверенные сервисы, предоставляющие актуальную и структурированную информацию: CoinGecko для рыночных данных, Disqus для пользовательских обсуждений и Alternative.me для индекса страха и жадности. Каждый из этих сервисов имеет свои особенности, включая ограничения по количеству запросов и формат данных, что требует дополнительной обработки на стороне backend.		Для обеспечения корректной работы приложения используется интеграция с внешними API, которые выступают в роли основного источника данных. В рамках проекта выбраны проверенные сервисы, предоставляющие актуальную и структурированную информацию: [[CoinGecko]] для рыночных данных, [[Disqus]] для пользовательских обсуждений и Alternative.me для индекса страха и жадности. Каждый из этих сервисов имеет свои особенности, включая ограничения по количеству запросов и формат данных, что требует дополнительной обработки на стороне backend.

	'''Процесс настройки:'''		'''Процесс настройки:'''

SemenyachenkoDY в 07:35, 27 марта 2026

2026-03-27T07:35:09Z

← Предыдущая версия		Версия от 10:35, 27 марта 2026
Строка 270:		Строка 270:

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

			[[Категория: Работа с API]]

SemenyachenkoDY: /* Архитектурное проектирование системы */

2026-03-27T06:59:54Z

Архитектурное проектирование системы

@@ Строка 50: / Строка 50: @@
 {{#mermaid:
 flowchart LR
-A[Frontend] --> B[Backend]
+%% === CLIENT LAYER ===
-B --> C[External APIs]
+subgraph CLIENT["🌐 Frontend (Browser)"]
 }}

SemenyachenkoDY: /* Полезные ресурсы и документация */

2026-03-27T06:36:34Z

Полезные ресурсы и документация

← Предыдущая версия		Версия от 09:36, 27 марта 2026
Строка 185:		Строка 185:

	'''Основной код проекта'''		'''Основной код проекта'''
	[https://github.com/SemenyachenkoDY/Work-with-API/tree/main/API Репозиторий с основным кодом]		* [https://github.com/SemenyachenkoDY/Work-with-API/tree/main/API Репозиторий с основным кодом]

	'''API и источники данных:'''		'''API и источники данных:'''

SemenyachenkoDY в 06:36, 27 марта 2026

2026-03-27T06:36:13Z

← Предыдущая версия		Версия от 09:36, 27 марта 2026
Строка 185:		Строка 185:

	'''Основной код проекта'''		'''Основной код проекта'''
	[[https://github.com/SemenyachenkoDY/Work-with-API/tree/main/API~~](https://github.com/SemenyachenkoDY/Work-with-API/tree/main/API)~~ Репозиторий с основным кодом]		[https://github.com/SemenyachenkoDY/Work-with-API/tree/main/API Репозиторий с основным кодом]

	'''API и источники данных:'''		'''API и источники данных:'''

	* [[https://www.coingecko.com/en/api/documentation~~](https://www.coingecko.com/en/api/documentation)~~ CoinGecko API]		* [https://www.coingecko.com/en/api/documentation CoinGecko API]
	Используется для получения данных о криптовалютах, включая цены, капитализацию и динамику рынка. Обладает удобным REST API и не требует обязательной авторизации для базовых запросов.		* [https://disqus.com/api/docs/ Disqus API]
			* [https://alternative.me/crypto/fear-and-greed-index/ Fear & Greed Index API]
	* [[https://disqus.com/api/docs/~~](https://disqus.com/api/docs/)~~ Disqus API]
	Применяется для получения обсуждений пользователей, комментариев и показателей активности. Требует регистрации приложения и получения API-ключа.

	* [~~[https://alternative.me/crypto/fear-and-greed-index/](~~https://alternative.me/crypto/fear-and-greed-index/) Fear & Greed Index API]
	~~Используется для определения текущего настроения рынка на основе агрегированных метрик.~~


	'''Backend технологии:'''		'''Backend технологии:'''

	* [[https://fastapi.tiangolo.com/~~](https://fastapi.tiangolo.com/)~~ FastAPI]		* [https://fastapi.tiangolo.com/ FastAPI]
	~~Высокопроизводительный Python-фреймворк для создания API с поддержкой асинхронной обработки запросов.~~		* [https://www.uvicorn.org/ Uvicorn]
			* [https://pypi.org/project/python-dotenv/ python-dotenv]
	* [~~[https://www.uvicorn.org/](~~https://www.uvicorn.org/) Uvicorn]
	~~ASGI-сервер, используемый для запуска FastAPI-приложения.~~

	* [~~[https://pypi.org/project/python-dotenv/](~~https://pypi.org/project/python-dotenv/) python-dotenv]
	~~Библиотека для управления переменными окружения и хранения конфигурации.~~

	'''Frontend технологии:'''		'''Frontend технологии:'''

	* [~~[https://www.chartjs.org/docs/latest/](~~https://www.chartjs.org/docs/latest/) Chart.js]		* [https://www.chartjs.org/docs/latest/ Chart.js]
	~~Используется для построения графиков и визуализации данных.~~		* [https://lucide.dev/ Lucide Icons]
			* [https://developer.mozilla.org/ru/docs/Web/JavaScript JavaScript (MDN)]
	* [[https://lucide.dev/~~](https://lucide.dev/)~~ Lucide Icons]
	~~Набор SVG-иконок для улучшения визуального восприятия интерфейса.~~

	* [[https://developer.mozilla.org/ru/docs/Web/JavaScript~~](https://developer.mozilla.org/ru/docs/Web/JavaScript)~~ JavaScript (MDN)]
	~~Основной инструмент разработки клиентской логики.~~

	'''Дополнительные материалы:'''		'''Дополнительные материалы:'''

	* [[https://restfulapi.net/~~](https://restfulapi.net/)~~ REST API Best Practices]		* [https://restfulapi.net/ REST API Best Practices]
	* [~~[https://developer.mozilla.org/ru/docs/Learn/JavaScript/Asynchronous](~~https://developer.mozilla.org/ru/docs/Learn/JavaScript/Asynchronous) Асинхронный JavaScript]		* [https://developer.mozilla.org/ru/docs/Learn/JavaScript/Asynchronous Асинхронный JavaScript]
	* [~~[https://developer.mozilla.org/ru/docs/Web/HTTP/Caching](~~https://developer.mozilla.org/ru/docs/Web/HTTP/Caching) Кэширование в вебе]		* [https://developer.mozilla.org/ru/docs/Web/HTTP/Caching Кэширование в вебе]
	* [[https://www.interaction-design.org/literature~~](https://www.interaction-design.org/literature)~~ UX/UI Design Basics]		* [https://www.interaction-design.org/literature UX/UI Design Basics]


	== Заключение ==		== Заключение ==

SemenyachenkoDY в 06:32, 27 марта 2026

2026-03-27T06:32:31Z

← Предыдущая версия		Версия от 09:32, 27 марта 2026
Строка 179:		Строка 179:

	что делает его эффективным инструментом для анализа данных в реальном времени.		что делает его эффективным инструментом для анализа данных в реальном времени.

			== Полезные ресурсы и документация ==

			В процессе разработки приложения '''CryptoBento''' использовались современные API, библиотеки и инструменты, обеспечивающие стабильную работу системы и удобство разработки. Ниже представлен перечень ключевых ресурсов с оформлением ссылок непосредственно в названии, что соответствует стандартам вики-разметки и повышает читаемость документации.

			'''Основной код проекта'''
			[[https://github.com/SemenyachenkoDY/Work-with-API/tree/main/API](https://github.com/SemenyachenkoDY/Work-with-API/tree/main/API) Репозиторий с основным кодом]

			'''API и источники данных:'''

			* [[https://www.coingecko.com/en/api/documentation](https://www.coingecko.com/en/api/documentation) CoinGecko API]
			Используется для получения данных о криптовалютах, включая цены, капитализацию и динамику рынка. Обладает удобным REST API и не требует обязательной авторизации для базовых запросов.

			* [[https://disqus.com/api/docs/](https://disqus.com/api/docs/) Disqus API]
			Применяется для получения обсуждений пользователей, комментариев и показателей активности. Требует регистрации приложения и получения API-ключа.

			* [[https://alternative.me/crypto/fear-and-greed-index/](https://alternative.me/crypto/fear-and-greed-index/) Fear & Greed Index API]
			Используется для определения текущего настроения рынка на основе агрегированных метрик.


			'''Backend технологии:'''

			* [[https://fastapi.tiangolo.com/](https://fastapi.tiangolo.com/) FastAPI]
			Высокопроизводительный Python-фреймворк для создания API с поддержкой асинхронной обработки запросов.

			* [[https://www.uvicorn.org/](https://www.uvicorn.org/) Uvicorn]
			ASGI-сервер, используемый для запуска FastAPI-приложения.

			* [[https://pypi.org/project/python-dotenv/](https://pypi.org/project/python-dotenv/) python-dotenv]
			Библиотека для управления переменными окружения и хранения конфигурации.

			'''Frontend технологии:'''

			* [[https://www.chartjs.org/docs/latest/](https://www.chartjs.org/docs/latest/) Chart.js]
			Используется для построения графиков и визуализации данных.

			* [[https://lucide.dev/](https://lucide.dev/) Lucide Icons]
			Набор SVG-иконок для улучшения визуального восприятия интерфейса.

			* [[https://developer.mozilla.org/ru/docs/Web/JavaScript](https://developer.mozilla.org/ru/docs/Web/JavaScript) JavaScript (MDN)]
			Основной инструмент разработки клиентской логики.

			'''Дополнительные материалы:'''

			* [[https://restfulapi.net/](https://restfulapi.net/) REST API Best Practices]
			* [[https://developer.mozilla.org/ru/docs/Learn/JavaScript/Asynchronous](https://developer.mozilla.org/ru/docs/Learn/JavaScript/Asynchronous) Асинхронный JavaScript]
			* [[https://developer.mozilla.org/ru/docs/Web/HTTP/Caching](https://developer.mozilla.org/ru/docs/Web/HTTP/Caching) Кэширование в вебе]
			* [[https://www.interaction-design.org/literature](https://www.interaction-design.org/literature) UX/UI Design Basics]


	== Заключение ==		== Заключение ==

SemenyachenkoDY: SemenyachenkoDY переименовал страницу CryptoMonitor в CryptoBento with API

2026-03-27T06:10:56Z

SemenyachenkoDY переименовал страницу CryptoMonitor в CryptoBento with API

← Предыдущая версия		Версия от 09:10, 27 марта 2026
(нет различий)

SemenyachenkoDY в 11:55, 26 марта 2026

2026-03-26T11:55:40Z

← Предыдущая версия		Версия от 14:55, 26 марта 2026
Строка 140:		Строка 140:

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

			Пользовательский интерфейс приложения '''CryptoBento''' разработан с учетом современных принципов UX/UI-дизайна и ориентирован на быстрое восприятие информации. Основная концепция интерфейса построена на использовании так называемой '''Bento Grid''' структуры, которая позволяет компактно и логично размещать разнотипные данные в виде карточек. Такой подход обеспечивает визуальную иерархию, облегчает навигацию и позволяет пользователю мгновенно фокусироваться на ключевых показателях.

			Интерфейс разделен на два основных режима:

			* '''Социальный хаб''' — отображение обсуждений пользователей
			* '''Рыночный обзор''' — отображение криптовалютных метрик

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

			{{#mermaid:
			flowchart TB
			A[UI Load] --> B[Render Grid]
			B --> C{Page}
			C -->\|Social\| D[Threads Cards]
			C -->\|Market\| E[Coins Cards]
			D --> F[Display]
			E --> F
			}}

			Для повышения наглядности используются:

			* иконки (Lucide Icons) для отображения трендов
			* цветовая индикация (рост/падение)
			* графики (Chart.js) для динамики цен

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

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

			Таким образом, интерфейс CryptoBento сочетает в себе:

			* информативность
			* интерактивность
			* визуальную простоту
			* высокую скорость отклика

			что делает его эффективным инструментом для анализа данных в реальном времени.

	== Заключение ==		== Заключение ==

SemenyachenkoDY в 11:53, 26 марта 2026

2026-03-26T11:53:57Z

Внесённые изменения

Patarakin в 19:00, 19 марта 2026

2026-03-19T19:00:39Z

← Предыдущая версия		Версия от 22:00, 19 марта 2026
Строка 87:		Строка 87:
	\| '''[[REST API]]''' \|\| Архитектурный стиль взаимодействия компонентов по протоколу HTTP.		\| '''[[REST API]]''' \|\| Архитектурный стиль взаимодействия компонентов по протоколу HTTP.
	\|}		\|}

			[[Категория:Работа с API]]