+
Skip to content

worklabfile/eeolw

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Веб-приложение для музыкальной группы

Современное веб-приложение для музыкальной группы, разработанное с использованием 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 - проверка кода с помощью ESLint
  • npm run preview - предварительный просмотр собранного проекта

Структура проекта

src/
├── pages/          # Страницы приложения
├── components/     # Переиспользуемые компоненты
│   ├── ui/        # Базовые UI компоненты
│   ├── layout/    # Компоненты макета
│   └── home/      # Компоненты главной страницы
├── lib/           # Утилиты и хелперы
├── hooks/         # Кастомные React хуки
└── integrations/  # Интеграции с API

Основные функции

  • Главная страница - приветствие и навигация
  • О группе - биография и история группы
  • Музыка - альбомы, треки, аудиоплеер
  • Туры - расписание концертов
  • Покупка билетов - форма заказа с выбором места
  • Контакты - форма обратной связи

Особенности реализации

  • Компонентная архитектура React
  • Строгая типизация TypeScript
  • Адаптивный дизайн
  • Современные UI компоненты
  • Интеграция с backend сервисом
  • Оптимизированная производительность

Автор

Разработано в рамках курсовой работы по веб-разработке.

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
点击 这是indexloc提供的php浏览器服务,不要输入任何密码和下载