StreamYam Frontend

StreamYam - это приложение позволяющие стримерам добавить на свою трансляцию виджет с музыкой, которая играет прямо сейчас в приложении "Яндекс Музыка"

Стек технологий

Основные технологии

• React 18.3.1 - библиотека для создания пользовательских интерфейсов
• TypeScript 5.5.3 - типизированный JavaScript для повышения надежности кода
• Vite 5.4.2 - современный инструмент сборки и dev-сервер

Стилизация и UI

• Tailwind CSS 3.4.1 - utility-first CSS фреймворк
• PostCSS 8.4.35 - инструмент для трансформации CSS
• Autoprefixer - автоматическое добавление вендорных префиксов
• Lucide React - библиотека иконок

Дополнительные библиотеки

• React Hot Toast - уведомления и тосты
• React Copy to Clipboard - функциональность копирования в буфер обмена

Инструменты разработки

• ESLint 9.9.1 - линтер для JavaScript/TypeScript
• TypeScript ESLint - правила ESLint для TypeScript
• Vite Plugin React - поддержка React в Vite

Скриншоты сайта

Запуск

Без запущенного бэкенда дашборд (/dashboard) будет недоступен

Установка зависимостей

npm install

Запуск в режиме разработки

npm run dev

Приложение будет доступно по адресу http://localhost:5173

Сборка для продакшена

npm run build

Также есть возможность сборки проекта используя Docker. Использовалось в связке с CI/CD

Линтинг кода

npm run lint