Современное веб-приложение для музыкальной группы, разработанное с использованием React, TypeScript и современных веб-технологий.
Данное приложение представляет собой официальный сайт музыкальной группы с функциональностью для представления группы, их музыки, туров и покупки билетов.
- React 18.3.1 - основная библиотека для создания пользовательского интерфейса
- TypeScript 5.5.3 - типизированный JavaScript для повышения надежности кода
- Vite 5.4.1 - современный инструмент сборки для быстрой разработки
- Tailwind CSS 3.4.11 - утилитарный CSS фреймворк для стилизации
- shadcn/ui - набор переиспользуемых компонентов на основе Radix UI
- React Router DOM 6.26.2 - маршрутизация в приложении
- Supabase 2.49.6 - backend-as-a-service для базы данных
- Node.js (версия 18 или выше)
- npm или yarn
# Клонирование репозитория
git clone <URL_РЕПОЗИТОРИЯ>
cd <НАЗВАНИЕ_ПРОЕКТА>
# Установка зависимостей
npm install
# Запуск в режиме разработки
npm run dev
npm run dev
- запуск сервера разработкиnpm run build
- сборка проекта для продакшенаnpm run build:dev
- сборка проекта в режиме разработкиnpm run lint
- проверка кода с помощью ESLintnpm run preview
- предварительный просмотр собранного проекта
src/
├── pages/ # Страницы приложения
├── components/ # Переиспользуемые компоненты
│ ├── ui/ # Базовые UI компоненты
│ ├── layout/ # Компоненты макета
│ └── home/ # Компоненты главной страницы
├── lib/ # Утилиты и хелперы
├── hooks/ # Кастомные React хуки
└── integrations/ # Интеграции с API
- Главная страница - приветствие и навигация
- О группе - биография и история группы
- Музыка - альбомы, треки, аудиоплеер
- Туры - расписание концертов
- Покупка билетов - форма заказа с выбором места
- Контакты - форма обратной связи
- Компонентная архитектура React
- Строгая типизация TypeScript
- Адаптивный дизайн
- Современные UI компоненты
- Интеграция с backend сервисом
- Оптимизированная производительность
Разработано в рамках курсовой работы по веб-разработке.